text: const path = require('path')
  const merge = require('webpack-merge')
  const common = require('./webpack.common.js')
  const HtmlWebpackPlugin = require('html-webpack-plugin')
  
  module.exports = merge(common, {
    mode: 'development',
    devtool: 'inline-source-map',
    entry: './src/main.js',
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'main.js'
    },
    plugins: [
      new HtmlWebpackPlugin({
        filename: 'index.html',
        template: 'src/index.html',
        minify: {
          collapseWhitespace: true,
          removeComments: true,
          removeRedundantAttributes: true,
          removeScriptTypeAttributes: true,
          removeStyleLinkTypeAttributes: true,
          useShortDoctype: true
        }
      })
    ],
    devServer: {
      open: false,
      hot: true,
      contentBase: './dist',
      port: '8000',
      host: 'localhost',
      inline: true
    }
  })
  