webpack.config.js

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

module.exports = {
  watch: true,
  watchOptions: {
    ignored: ['/node_modules/', '/dist/'],
    aggregateTimeout: 300,
    poll: 1000
  },
  mode: 'development',
  devtool: 'source-map',
  entry: {
    background: './src/background.js',
    content: './src/content.js',
    popup: './src/popup.js'
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].js',
    clean: true
  },
  resolve: {
    extensions: ['.js', '.jsx']
  },
  optimization: {
    splitChunks: false,
  },
  experiments: {
    topLevelAwait: true
  },
  plugins: [
    new CopyPlugin({
      patterns: [
        { from: 'src/manifest.json' },
        { from: 'src/layout/popup.html' },
        { from: 'src/layout/config.html' },
        { from: 'src/config.js' },
        { from: 'src/layout/style.css' },
        { from: 'src/icons', to: 'icons'}
      ]
    }),
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery'
    }),
    new webpack.DefinePlugin({
      'process.env': JSON.stringify({}),
    }),
  ]
};