webpack.config.js

const { CheckerPlugin } = require("awesome-typescript-loader")
const { optimize } = require("webpack")
const { join, resolve } = require("path")
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin")
const Dotenv = require("dotenv-webpack")
const CopyWebpackPlugin = require("copy-webpack-plugin")

let prodPlugins = []
if (process.env.NODE_ENV === "production") {
  prodPlugins.push(new optimize.AggressiveMergingPlugin())
}

module.exports = {
  mode: process.env.NODE_ENV,
  devtool: "inline-source-map",
  entry: {
    background: join(__dirname, "src/background/background.ts"),
    content: join(__dirname, "src/background/content.ts"),
    page: join(__dirname, "src/background/page.ts"),
  },
  // alias: {
  //   "@polkadot/wasm-crypto": require.resolve("@polkadot/wasm-crypto/empty"),
  // },
  output: {
    path: join(__dirname, "dist"),
    filename: "[name].js",
  },
  module: {
    rules: [
      {
        exclude: /node_modules/,
        test: /\.ts?$/,
        use: "ts-loader",
      },
      {
        use: { loader: "babel-loader" },
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
      },
    ],
  },
  resolve: {
    extensions: [".ts", ".js", ".jsx"],
  },
  plugins: [
    new CheckerPlugin(),
    new NodePolyfillPlugin(),
    new Dotenv(),
    new CopyWebpackPlugin({
      patterns: [
        {
          from: "node_modules/webextension-polyfill/dist/browser-polyfill.js",
        },
        {
          from: "src/popup/public/icons",
          to: "icons",
        },
      ],
    }),
    ...prodPlugins,
  ],
}