webpack.config.ts

import { ConfigurationFactory } from 'webpack'
import path from 'path'
import CopyWebpackPlugin from 'copy-webpack-plugin'
import config from './src/config/config.json'

const webpackConfig: ConfigurationFactory = () => {
  return {
    entry: {
      popup: path.join(__dirname, 'src', 'popup', 'main.tsx'),
      options: path.join(__dirname, 'src', 'options', 'main.tsx'),
      manaba_main: path.join(
        __dirname,
        'src',
        'content-scripts',
        'manabaMain.ts'
      ),
      manaba_main_ui: path.join(
        __dirname,
        'src',
        'content-scripts',
        'manabaMainUI.tsx'
      ),
      manaba_commit: path.join(
        __dirname,
        'src',
        'content-scripts',
        'manabaCommit.tsx'
      ),
      background: path.join(__dirname, 'src', 'background', 'background.ts'),
    },
    output: {
      path: path.join(__dirname, 'dist'),
      filename: '[name].js',
    },
    module: {
      rules: [
        {
          test: /.tsx?$/,
          use: 'ts-loader',
          exclude: '/node_modules/',
        },
        {
          test: /\.css$/,
          use: [
            {
              loader: 'style-loader',
            },
            {
              loader: 'css-loader',
            },
          ],
        },
      ],
    },
    resolve: {
      extensions: ['.ts', '.tsx', '.js', '.json'],
    },
    plugins: [
      new CopyWebpackPlugin([
        {
          from: 'public/manifest.json',
          to: './manifest.json',
          transform(content): string {
            const json = JSON.parse(content.toString())
            json.oauth2.client_id = config.google.client_id
            json.oauth2.scopes = config.google.scopes
            if (config.key != '') {
              json.key = config.key
            }
            return JSON.stringify(json)
          },
        },
        { from: 'public', to: '.' },
      ]),
    ],
  }
}

export default webpackConfig