Comments (8)
@LingyuCoder the screenshot was comparing only Rspack versions, you can ignore the Webpack configuration - sorry if this is causing confusion.
The issue is that bundle analizer report has "regressed" between 0.6.x and 0.7.x.
from rspack.
@LingyuCoder the screenshot was comparing only Rspack versions, you can ignore the Webpack configuration - sorry if this is causing confusion. The issue is that bundle analizer report has "regressed" between 0.6.x and 0.7.x.
In rspack 0.6.x, all module were wrapped in webpack_modules so that webpack-bundler-analyzer can easily parse the bundle artifact and get modules.
Rspack 0.7.x extract the entry module into bootstrap, which aligned with webpack, and then the bundle analyzer can not parse it without module.depth (0 means entry module). And also, lots of modules are concatenated into entry module, so they are lost in parsed viewer.
from rspack.
Unable to run your repro. There is no rule for jsx files in rspack.config.js. However, there are jsx files inside @lightningjs/solid/dist/source/components
.
from rspack.
@LingyuCoder thanks for checking - I indeed had a patched @lightningjs/solid
library so I pushed a change to ignore that for now (BTW the nasty "panic" error still happens with a JSX rule). The issue reported now appears with a clean checkout.
from rspack.
@LingyuCoder thanks for checking - I indeed had a patched
@lightningjs/solid
library so I pushed a change to ignore that for now (BTW the nasty "panic" error still happens with a JSX rule). The issue reported now appears with a clean checkout.
Panic should has been fixed by #6778.
In your repro, webpack uses ts-loader and rspack uses builtin:swc-loader. Helpers of swc-loader are required as commonjs modules so that they can not be full concatenated. Use swc-loader in webpack is just the same.
But rspack does not support nestedModules
and depth
in stats, which is used to drill-down analysis of concatenated modules. I will add them in #6784.
from rspack.
Thanks, does that mean that we need to specify a stats module depth in the rspack config? or will that "just work" now?
from rspack.
The stats module depth has been supported by #6784. I test your repro and rspack --analyze
works well. You can wait for the latest nightly version, and we will release it later today.
You can use stats.depth: true
and stats.modules: true
or use stats.all: true
directly to enable the stats module depth.
from rspack.
Cool, no urgency.
from rspack.
Related Issues (20)
- [Bug]: Custom SWC loader crashes on ^0.7.3 HOT 6
- [Bug]: The result of bundling with rspack build produces nothing. HOT 4
- [Bug]: 在使用 sass-loader 和 mode为production 打包 Vue 文件时,图片资源未打包 HOT 1
- [Feature]: Use 1 HMR websocket connection for mutilple micro-frontend apps in same page HOT 1
- [Bug]: Segmentation fault and bus error on production builds HOT 2
- [Bug]: DefinePlugin in webpack will throw a warning for the same key, and rspack will choose to override it. HOT 2
- [Bug]: Build stuck for no reason HOT 2
- [Bug]: `copy-webpack-plugin` stuck in `compilation.fileSystemInfo.createSnapshot` HOT 3
- [Feature]: localVars hook to support RetryChunkPlugin HOT 4
- [Bug]: Kernel panic on HMR compilation seal
- [Bug]: Uncaught ReferenceError: exports is not defined HOT 13
- [Feature]: Support htmlWebpackPlugin.files as template parameters HOT 1
- [Bug]: panic during build phase HOT 2
- [Bug]: live reload of styles lazy components is broken when using hashes in names
- [Bug]: Failed to resolve tsconfig paths when using extends(version:0.7.1)
- [Bug]: Cannot get final name for export '__esModule' HOT 12
- [Bug] Invalid fallback `"javascript/auto"` rule.type passed to getRawGeneratorOptions HOT 1
- [Bug]: Evaluating context request with conditional expression
- [Bug]: Debugging in browser with rspack serve shows multiple copies of a source file.
- [Bug]: Missing sentence in optimization.mergeDuplicateChunks part of docs
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 rspack.