webpack.config.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyPlugin = require('copy-webpack-plugin');
const WebpackExtensionManifestPlugin = require('webpack-extension-manifest-plugin');
const baseManifest = require('./chrome/manifest.json');
const pkg = require('./package.json');

const config = {
  mode: 'development',
  devtool: 'cheap-module-source-map',
  entry: {
    /**
     * Statics
     */
    popup: path.join(__dirname, './chrome/static/popup.js'),

    /**
     * Scripts
     */
    detector: path.join(__dirname, './chrome/scripts/detector.js'),
    background: path.join(__dirname, './chrome/scripts/background.js'),
  },
  output: {
    path: path.resolve(__dirname, './build'),
    filename: '[name].js',
  },
  resolve: {
    extensions: ['*', '.js'],
  },
  plugins: [
    /**
     * Popup
     */
    new HtmlWebpackPlugin({
      filename: 'popup.html',
      template: './chrome/static/popup.html',
      chunks: ['popup'],
      excludeChunks: ['devtools', 'detector', 'background'],
    }),

    new HtmlWebpackPlugin({
      filename: 'popup-disabled.html',
      template: './chrome/static/popup-disabled.html',
      chunks: [],
      excludeChunks: ['popup', 'devtools', 'detector', 'background'],
    }),
    new CopyPlugin([
      {
        from: 'chrome/icons',
        to: 'icons',
      },
    ]),
    new CopyPlugin([
      {
        from: 'chrome/_locales',
        to: '_locales',
      },
    ]),
    new WebpackExtensionManifestPlugin({
      config: {
        base: baseManifest,
        extend: { version: pkg.version },
      },
    }),
  ],
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: ['babel-loader'],
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
      {
        test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
        },
      },
    ],
  },
};

module.exports = config;