BrainDrive-Chat-Plugin/webpack.config.js at main · BrainDriveAI/BrainDrive-Chat-Plugin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { ModuleFederationPlugin } = require("webpack").container;
const packageJson = require("./package.json");
const deps = packageJson.dependencies;

// BrainDrive Chat plugin federation settings
const PLUGIN_SCOPE = "BrainDriveChat";
const MODULE_NAME = "BrainDriveChat";
const DEV_PORT = 3001;
const VERSION = packageJson.version;

// Output paths
const RELEASE_PATH = "dist"; // packaged plugin
//const LOCAL_PATH = `../../backend/plugins/shared/${PLUGIN_SCOPE}/v1.0.25/dist`;
const LOCAL_PATH = `../../backend/plugins/shared/${PLUGIN_SCOPE}/v${VERSION}/dist`;

module.exports = (env = {}) => {
  const isRelease = env.release === true || env.release === "true";

  console.log(
    `[BrainDrive Plugin] Building ${
      isRelease ? "RELEASE" : "LOCAL"
    } bundle`
  );

  return {
    mode: isRelease ? "production" : "development",

    entry: "./src/index",

    output: {
      path: path.resolve(
        __dirname,
        isRelease ? RELEASE_PATH : LOCAL_PATH
      ),
      publicPath: "auto",
      clean: true,
      library: {
        type: "var",
        name: PLUGIN_SCOPE
      }
    },

    resolve: {
      extensions: [".tsx", ".ts", ".js"]
    },

    module: {
      rules: [
        {
          test: /\.(ts|tsx)$/,
          use: "ts-loader",
          exclude: [/node_modules/, /__tests__/]
        },
        {
          test: /\.css$/,
          use: ["style-loader", "css-loader"]
        }
      ]
    },

    plugins: [
      new ModuleFederationPlugin({
        name: PLUGIN_SCOPE,
        library: { type: "var", name: PLUGIN_SCOPE },
        filename: "remoteEntry.js",
        exposes: {
          [`./${MODULE_NAME}`]: "./src/index"
        },
        shared: {
          react: {
            singleton: true,
            eager: true,
            requiredVersion: deps.react
          },
          "react-dom": {
            singleton: true,
            eager: true,
            requiredVersion: deps["react-dom"]
          }
        }
      }),

      new HtmlWebpackPlugin({
        template: "./public/index.html"
      })
    ],

    devServer: {
      port: DEV_PORT,
      static: {
        directory: path.join(__dirname, "public")
      },
      hot: true
    }
  };
};