webpack.config.ts

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

const config: Configuration = {
  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].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
            jsonContent.description = description

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

export default config