webpack.config.ts

import path from 'path'
import CopyWebpackPlugin from 'copy-webpack-plugin'
import { Configuration } from 'webpack'
import { name, version } from './package.json'

const config = (_: any, argv: any): Configuration => {
  return {
    devtool: argv.mode === 'production' ? false : 'inline-source-map',
    context: path.join(__dirname, 'src'),
    entry: {
      popup: './popup/index.ts',
      options: './options/index.ts',
      background: './background/index.ts',
      content: './content/index.ts'
    },
    output: {
      path: path.join(__dirname, 'dist'),
      filename: '[name]/index.js'
    },
    module: {
      rules: [
        {
          test: /.ts$/,
          use: 'ts-loader',
          exclude: '/node_modules/'
        }
      ]
    },
    resolve: {
      extensions: ['.ts', '.js']
    },
    plugins: [
      new CopyWebpackPlugin({
        patterns: [
          { from: 'icons', to: 'icons' },
          { from: 'popup/index.html', to: 'popup/index.html' },
          { from: 'popup/style.css', to: 'popup/style.css' },
          { from: 'options/index.html', to: 'options/index.html' },
          { from: 'options/style.css', to: 'options/style.css' },
          {
            from: 'manifest.json',
            to: 'manifest.json',
            transform: (content) => {
              const jsonContent = JSON.parse(content.toString())
              jsonContent.version = version
              jsonContent.name = name

              return JSON.stringify(jsonContent, null, 2)
            }
          },
          { from: '_locales', to: '_locales' }
        ]
      })
    ]
  }
}

export default config