text: /* eslint import/no-unresolved: [2, { commonjs: true, amd: true }] */
  const HtmlPlugin = require('html-webpack-plugin');
  const appPath = require('./common.path');
  
  module.exports = {
    mode: 'development',
    devServer: {
      contentBase: appPath.OUTPUT,
      compress: true,
      port: 3001,
      // hot: true
    },
    module: {
      rules: [
        {
          test: /\.s?css$/i,
          use: [
            'style-loader',
            'css-loader',
            'sass-loader',
            'postcss-loader',
          ],
        },
      ],
    },
  
    plugins: [
      new HtmlPlugin({
        title: 'Todo Application',
        template: `${appPath.ENTRY_SRC}/template.html`,
      }),
    ],
  };
  