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