webpack.config.js

const path = require('path');
const CopyPlugin = require('copy-webpack-plugin');

module.exports = {
  entry: {
    content: './scripts/content.js',
    background: './scripts/background/background.js'
  },
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist'),
    clean: true // Clean the dist folder before each build
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: [
              ['@babel/preset-env', {
                targets: {
                  chrome: "58"
                },
                modules: 'auto'
              }]
            ]
          }
        }
      }
    ]
  },
  plugins: [
    new CopyPlugin({
      patterns: [
        { from: "images", to: "images" },
        { from: "popup", to: "popup" },
        { from: "options", to: "options" },
        { from: "manifest.json", to: "manifest.json" }
      ],
    }),
  ],
  resolve: {
    extensions: ['.js']
  },
  mode: 'development',
  devtool: 'source-map',
  optimization: {
    minimize: true,
    minimizer: [
      new (require('terser-webpack-plugin'))({
        terserOptions: {
          compress: {
            drop_console: false,
            pure_funcs: []
          },
          mangle: true
        }
      })
    ]
  }
}