Skip to content

Commit

Permalink
update dash project to enhanced
Browse files Browse the repository at this point in the history
  • Loading branch information
ScriptedAlchemy committed Apr 21, 2024
1 parent 3d2f4c7 commit 44b2a0a
Show file tree
Hide file tree
Showing 17 changed files with 764 additions and 9,912 deletions.
8 changes: 6 additions & 2 deletions dashboard-admin-react-rspack-material-ui/dashboard-app/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "header-app",
"name": "@dashboard-admin/header-app",
"version": "0.1.0",
"private": true,
"homepage": "./",
Expand Down Expand Up @@ -40,6 +40,7 @@
]
},
"devDependencies": {
"@module-federation/enhanced": "^0.1.8",
"@babel/core": "7.24.3",
"@babel/plugin-proposal-class-properties": "7.18.6",
"@babel/preset-env": "7.18.10",
Expand All @@ -50,6 +51,9 @@
"style-loader": "3.3.4",
"webpack": "^5.91.0",
"webpack-cli": "4.10.0",
"webpack-dev-server": "4.10.0"
"webpack-dev-server": "4.10.0",
"@rspack/core": "^0.6.2",
"@rspack/cli": "^0.6.2",
"@rspack/plugin-react-refresh": "^0.6.2"
}
}
88 changes: 88 additions & 0 deletions dashboard-admin-react-rspack-material-ui/dashboard-app/rspack.config.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
const HtmlWebpackPlugin = require("html-webpack-plugin");
const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
const {dependencies} = require("./package.json");
const path = require('path');

module.exports = {
entry: "./src/index.js",
output: {
path: path.join(__dirname, './dist'),
filename: 'bundle.js',
publicPath: 'auto',
uniqueName: 'dashboard'
},
mode: "development",
devServer: {
port: 3001,
hot: false,
historyApiFallback: true,

},
module: {
rules: [
{
test: /\.(js|jsx)?$/,
exclude: /node_modules/,
use: [
{
loader: "babel-loader",
options: {
presets: ["@babel/preset-env", "@babel/preset-react"],
},
},
],
},
{
test: /\.css$/i,
use: ["style-loader", "css-loader"],
},
],
},
plugins: [
new HtmlWebpackPlugin({
template: "./public/index.html",
favicon: "./public/favicon.ico",
excludeChunks: ["Dashboard"]
}),
new ModuleFederationPlugin({
name: "Dashboard",
filename: "remoteEntry.js",
exposes: {
"./Dashboard": "./src/Dashboard",
},
shared: {
...dependencies,
"react": {
singleton: true,
requiredVersion: dependencies.react
},
"react-dom": {
singleton: true,
requiredVersion: dependencies["react-dom"]
},
"react-router-dom": {
singleton: true,
requiredVersion: dependencies["react-router-dom"]
},
"@mui/material": {
singleton: true,
requiredVersion: dependencies["@mui/material"]
},
"@mui/icons-material": {
singleton: true,
requiredVersion: dependencies["@mui/icons-material"]
},
"@emotion/react": {
singleton: true,
requiredVersion: dependencies["@emotion/react"]
},

},
}),
],
resolve: {
// modules: [path.resolve(__dirname, 'src'), 'node_modules'],
extensions: ['*', '.js', '.jsx'],
},
target: "web",
};
165 changes: 82 additions & 83 deletions dashboard-admin-react-rspack-material-ui/dashboard-app/webpack.config.js
View file
Original file line number Diff line number Diff line change
@@ -1,91 +1,90 @@
const HtmlWebpackPlugin = require("html-webpack-plugin");
const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");
const { dependencies } = require("./package.json");
const {ModuleFederationPlugin} = require("@module-federation/enhanced");
const {dependencies} = require("./package.json");
const path = require('path');

// console.log(dependencies);
module.exports = {
entry: "./src/index.js",
output: {
path: path.join(__dirname, './dist'),
filename: 'bundle.js',
publicPath: 'auto'
},
resolve: {
extensions: [".js", ".jsx"],
},
mode: "development",
devServer: {
port: 3001,
hot: true,
historyApiFallback: true,

},
module: {
rules: [
entry: "./src/index.js",
output: {
path: path.join(__dirname, './dist'),
filename: 'bundle.js',
publicPath: 'auto',
uniqueName: 'dashapp'
},
devtool: false,
mode: "development",
devServer: {
port: 3001,
hot: true,
historyApiFallback: true,
},
module: {
rules: [
{
test: /\.(js|jsx)?$/,
exclude: /node_modules/,
use: [
{
test: /\.(js|jsx)?$/,
exclude: /node_modules/,
use: [
{
loader: "babel-loader",
options: {
presets: ["@babel/preset-env", "@babel/preset-react"],
},
loader: "babel-loader",
options: {
presets: ["@babel/preset-env", "@babel/preset-react"],
},
],
},
{
test: /\.css$/i,
use: ["style-loader", "css-loader"],
},
],
},
plugins: [
new HtmlWebpackPlugin({
template: "./public/index.html",
favicon: "./public/favicon.ico",

}),
new ModuleFederationPlugin({
name: "Dashboard",
filename: "remoteEntry.js",
exposes: {
"./Dashboard": "./src/Dashboard",
],
},
{
test: /\.css$/i,
use: ["style-loader", "css-loader"],
},
],
},
plugins: [
new HtmlWebpackPlugin({
template: "./public/index.html",
favicon: "./public/favicon.ico",
excludeChunks: ['Dashboard']
}),
new ModuleFederationPlugin({
name: "Dashboard",
filename: "remoteEntry.js",
exposes: {
"./Dashboard": "./src/Dashboard",
},
shared: {
// ...dependencies,
"react": {
singleton: true,
requiredVersion: dependencies.react
},
shared: {
...dependencies,
"react": {
singleton: true,
requiredVersion: dependencies.react
},
"react-dom": {
singleton: true,
requiredVersion: dependencies["react-dom"]
},
"react-router-dom": {
singleton: true,
requiredVersion: dependencies["react-router-dom"]
},
"@mui/material": {
singleton: true,
requiredVersion: dependencies["@mui/material"]
},
"@mui/icons-material": {
singleton: true,
requiredVersion: dependencies["@mui/icons-material"]
},
"@emotion/react": {
singleton: true,
requiredVersion: dependencies["@emotion/react"]
},

"react-dom": {
singleton: true,
requiredVersion: dependencies["react-dom"]
},
}),
],
resolve: {
modules: [path.resolve(__dirname, 'src'), 'node_modules'],
extensions: ['*', '.js', '.jsx'],

},
target: "web",
};
"react-router-dom": {
singleton: true,
requiredVersion: dependencies["react-router-dom"]
},
"@mui/material": {
singleton: true,
requiredVersion: dependencies["@mui/material"]
},
"@mui/icons-material": {
singleton: true,
requiredVersion: dependencies["@mui/icons-material"]
},
"@emotion/react": {
singleton: true,
requiredVersion: dependencies["@emotion/react"]
},
"@nivo/":{
eager: false,
singleton: true
},
},
}),
],
resolve: {
extensions: ['*', '.js', '.jsx'],
},
target: "web",
};

0 comments on commit 44b2a0a

Please sign in to comment.