68 lines
1.5 KiB
JavaScript
68 lines
1.5 KiB
JavaScript
|
const HtmlWebPackPlugin = require("html-webpack-plugin");
|
||
|
|
const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
|
||
|
|
|
||
|
|
const deps = require("./package.json").dependencies;
|
||
|
|
module.exports = {
|
||
|
|
output: {
|
||
|
|
publicPath: "http://localhost:8080/",
|
||
|
|
},
|
||
|
|
|
||
|
|
resolve: {
|
||
|
|
extensions: [".tsx", ".ts", ".jsx", ".js", ".json"],
|
||
|
|
},
|
||
|
|
|
||
|
|
devServer: {
|
||
|
|
port: 8080,
|
||
|
|
historyApiFallback: true,
|
||
|
|
},
|
||
|
|
|
||
|
|
module: {
|
||
|
|
rules: [
|
||
|
|
{
|
||
|
|
test: /\.m?js/,
|
||
|
|
type: "javascript/auto",
|
||
|
|
resolve: {
|
||
|
|
fullySpecified: false,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.(css|s[ac]ss)$/i,
|
||
|
|
use: ["style-loader", "css-loader", "postcss-loader"],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
test: /\.(ts|tsx|js|jsx)$/,
|
||
|
|
exclude: /node_modules/,
|
||
|
|
use: {
|
||
|
|
loader: "babel-loader",
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
|
||
|
|
plugins: [
|
||
|
|
new ModuleFederationPlugin({
|
||
|
|
name: "host",
|
||
|
|
filename: "remoteEntry.js",
|
||
|
|
remotes: {
|
||
|
|
remote: "remote@http://localhost:3000/remoteEntry.js",
|
||
|
|
remoteSvelte: "remoteSvelte@http://localhost:3001/remoteEntry.js",
|
||
|
|
store: "store@http://localhost:7070/remoteEntry.js",
|
||
|
|
},
|
||
|
|
shared: {
|
||
|
|
...deps,
|
||
|
|
react: {
|
||
|
|
singleton: true,
|
||
|
|
requiredVersion: deps.react,
|
||
|
|
},
|
||
|
|
"react-dom": {
|
||
|
|
singleton: true,
|
||
|
|
requiredVersion: deps["react-dom"],
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
new HtmlWebPackPlugin({
|
||
|
|
template: "./src/index.html",
|
||
|
|
}),
|
||
|
|
],
|
||
|
|
};
|