webpack.common.js

const webpack = require("webpack");
const path = require("path");
// const CopyPlugin = require("copy-webpack-plugin");

const envPlugin = new webpack.EnvironmentPlugin(["NODE_ENV", "NETWORK_TYPE"]);

module.exports = {
  node: {
    fs: "empty",
  },
  entry: {
    bob3: path.join(__dirname, "src/contentscripts/bob3.ts"),
    content: path.join(__dirname, "src/contentscripts/index.ts"),
    backgroundPage: path.join(__dirname, "src/background/backgroundPage.ts"),
    popup: path.join(__dirname, "src/ui/popup.tsx"),
  },
  output: {
    path: path.join(__dirname, "dist/js"),
    filename: "[name].js",
  },
  plugins: [
    envPlugin,
    // new CopyPlugin({
    //   patterns: [
    //     {
    //       from: path.join(__dirname, "node_modules/sql.js/dist/sql-wasm.wasm"),
    //       to: path.join(__dirname, "dist/wasm/sql-wasm.wasm"),
    //     },
    //   ],
    // }),
  ],
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            cacheDirectory: true
          }
        }
      },
      {
        exclude: /node_modules/,
        test: /\.tsx?$/,
        use: "ts-loader",
      },
      {
        exclude: /node_modules/,
        test: /\.scss$/,
        use: [
          {
            loader: "style-loader", // Creates style nodes from JS strings
          },
          {
            loader: "css-loader", // Translates CSS into CommonJS
          },
          {
            loader: "sass-loader", // Compiles Sass to CSS
          },
        ],
      },
      {
        test: /\.(gif|png|jpe?g|svg)$/i,
        use: [
          "file-loader",
          {
            loader: "image-webpack-loader",
            options: {
              publicPath: "assets",
              bypassOnDebug: true, // webpack@1.x
              disable: true, // webpack@2.x and newer
            },
          },
        ],
      },
    ],
  },
  resolve: {
    extensions: [".ts", ".tsx", ".js", ".png", ".svg"],
    alias: {
      "@src": path.resolve(__dirname, "src/"),
    },
  },
};