/
dedaMazai
/
reactGoodPattern
Обзор
Документация
Войти
/
dedaMazai
/
reactGoodPattern
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
moduleFederation/app1/webpack.config.js
55 строк
1 KB
Andrey Chipizubov
add microFronts
25 май 2023, 01:05
25 май 2023, 01:05
ec973d2
Код
Авторство
О чём код?
const HtmlWebpackPlugin = require("html-webpack-plugin"); const { ModuleFederationPlugin } = require("webpack").container; const path = require("path"); const deps = require("./package.json").dependencies; module.exports = { entry: "./src/index.ts", mode: "development", devServer: { port: 3001, open: true, headers: { "Access-Control-Allow-Origin": "*", }, }, resolve: { extensions: [".ts", ".tsx", ".js"], }, module: { rules: [ { test: /\.(js|jsx|tsx|ts)$/, loader: "ts-loader", exclude: /node_modules/, }, ], }, plugins: [ new ModuleFederationPlugin({ name: "app1", filename: "remoteEntry.js", exposes: { // expose each component "./CounterAppOne": "./src/components/CounterAppOne", }, shared: { ...deps, react: { singleton: true, eager: true, requiredVersion: deps.react }, "react-dom": { singleton: true, eager: true, requiredVersion: deps["react-dom"], }, "react-router-dom": { singleton: true, eager: true, requiredVersion: deps["react-router-dom"], }, }, }), new HtmlWebpackPlugin({ template: "./public/index.html", }), ], };