text: const path = require('path');
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  const { merge } = require('webpack-merge')
  const common = require('./webpack.common')
  
  module.exports = merge(common, {
      mode: 'development',
      output: {
          filename: '[name].js',
          path: path.resolve(__dirname, 'dist')
      },
      plugins: [
          new HtmlWebpackPlugin({
              template: "./public/index.html"
          })
      ],
      module: {
          rules: [
              {
                  test: /\.css$/,
                  use: [
                      "style-loader", //3. Inject styles into DOM
                      "css-loader", //2. Turns css into commonjs
                  ]
              }
          ]
      }
  })