browser-extension/webpack.config.js

const path = require('path');
const { merge } = require('webpack-merge');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const common = require('./webpack.common.js');

const appConfig = {
  entry: './src/index.tsx',
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'static/js/app.bundle.js',
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './public/index.html',
      filename: 'index.html',
      inject: 'body',
    }),
  ],
};

const backgroundConfig = {
  entry: './src/background/background.ts',
  output: {
    path: path.resolve(__dirname, 'build/static/js'),
    filename: 'background.bundle.js',
  },
};

const contentConfig = {
  entry: './src/content/content.ts',
  output: {
    path: path.resolve(__dirname, 'build/static/js'),
    filename: 'content.bundle.js',
  },
};

const injectConfig = {
  entry: './src/content/inject.ts',
  output: {
    path: path.resolve(__dirname, 'build/static/js'),
    filename: 'inject.bundle.js',
  },
};

const copyConfig = {
  plugins: [
    new CopyWebpackPlugin({
      patterns: [
        { from: 'public/images', to: 'images' },
        { from: 'public/manifest.json', to: 'manifest.json' },
        { from: 'public/robots.txt', to: 'robots.txt' },
      ],
    }),
  ],
};

module.exports = [merge(common, appConfig, copyConfig), merge(common, backgroundConfig), merge(common, contentConfig), merge(common, injectConfig)];