Comments (6)
Do you have any custom split chunks set?
from universe.
This is my optimization config:
optimization: {
splitChunks: {
chunks: 'all',
minSize: 20000, // 20kb
maxInitialRequests: 12,
cacheGroups: {
echarts: {
name: 'chunk-echarts',
chunks: 'async',
priority: 20,
test: /[\\/]node_modules[\\/]_?echarts|zrender(.*)/
},
abcUI: {
name: 'chunk-abcui',
chunks: 'all',
test: /[\\/]node_modules[\\/](@abc\/ui-pc)[\\/]/,
priority: 20,
reuseExistingChunk: true
},
lib: {
test(module) {
return (
module.size() > 160000 &&
/node_modules[/\\]/.test(module.nameForCondition() || '')
)
},
name(module) {
const packageNameArr = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/);
const packageName = packageNameArr ? packageNameArr[1] : '';
return `chunk-lib.${packageName.replace("@", "")}`;
},
priority: 15,
minChunks: 2,
reuseExistingChunk: true,
},
vendors: {
name: 'chunk-vendors',
test: /[\\/]node_modules[\\/]/,
priority: 10,
chunks: 'initial'
},
api: {
name: 'chunk-api',
test: /[\\/]src\/api[\\/]/,
minChunks: 3,
priority: 5,
reuseExistingChunk: true
},
commons: {
name: 'chunk-commons',
minChunks: 5, // minimum common number
priority: 0,
maxSize: 4000000,
reuseExistingChunk: true,
},
},
},
runtimeChunk: { name: 'runtime' },
}
from universe.
try to delete optimization. runtimeChunk
from universe.
yeah its most likely runtime chunk settings.
from universe.
@2heal1 @ScriptedAlchemy
Thank you for your help. I deleted the optimization.runtimeChunk
option, and it works.
But it loses the optimization benefits. Is there a way to keep Module Federation and runtime chunk together?
from universe.
on federation plugin, set runtime: false - this will force a full runtime for container files
from universe.
Related Issues (20)
- Can't create Error Fallback when any Remote fails. HOT 9
- Chrome Extension is not working due to empty `moduleInfo` HOT 3
- web worker error in host HOT 2
- Exact matching alias does not work as expected in bridge webpack plugin HOT 2
- Shared dependency version cannot be resolved if installed at root of a monorepo
- Spaces in path to project with @module-federation/next-mf result in `Unterminated string in JSON at position` and HookWebpackError errors HOT 8
- how can I use in vue3 ts template HOT 8
- Cannot use vue2.7 lifecycle hook through module federation HOT 1
- [CORS]: @module-federation/nextjs-mf HOT 3
- Cannot use shared module in .mjs file correctly HOT 4
- Adding element to page with id that matches remote's name causes `TypeError: remoteEntryExports.init is not a function` HOT 2
- External modules not shared HOT 4
- [MF Plugin] "promise new Promise" syntax doesn't work with @ char in it HOT 4
- esbuild plugin error: Top-level await is not available in the configured target environment HOT 1
- @module-federation/nextjs-mf version 8.4.0 breaks API routes
- Having production error - TypeError: (void 0) is not a function at .next/server/webpack-api-runtime.js:1:199 HOT 1
- Nextjs plugin doesn't work unless the "unsafe-eval" CSP header is set
- Vue Bridge package lacks `dist` HOT 4
- misleading error message when remoteEntry.files is empty
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from universe.