Comments (2)
Try to enable module
in SWC js minifier plugin.
from rspack.
I've simplified the reproduction.
This problem occurs when importing a "module"
package whose main file contains new URL("./", import.meta.url)
.
Both rspack and webpack will create an asset file xxx.js
for the main file itself because of the statement new URL("./", import.meta.url)
as documented: https://webpack.js.org/guides/asset-modules/#url-assets
Consider the foo
example, the package foo
has these two traits:
- there's
new URL("./", import.meta.url)
infoo/index.js
- is a
"module"
package
When importing foo
, both rspack and webpack will
- bundle content of
foo/index.js
into the main asset file - and also create an asset file
xxxx.js
whose content is same asfoo/index.js
When minimizing the xxxx.js
file, depending on the value of package "type"
package type of foo |
minimize | rspack | webpack |
---|---|---|---|
"module" |
ON | ❌[1] | ✅ |
"commonjs" |
ON | ❌[2] | ❌[2] |
"module" |
OFF | ✅ | ✅ |
"commonjs" |
OFF | ❌[2] | ❌[2] |
After dig into it, I just found
- failure [2] is dropped before minimizing which is as expected and has nothing to do with this issue.
- while [1] is dropped on minimizing which causes this issue.
- webpack minifies the file with
module: undefined
while rspack minifies it withmodule: false
from rspack.
Related Issues (20)
- [Bug]: Error: Resolve error: Can't resolve './locale' , but it is a warning in webpack. HOT 1
- [Bug]: Error when adding new imports from third-party packages in dev mode HOT 1
- [Bug]: Pseudoclass ":global" not affect in classes inner ":not()" pseudoclass HOT 3
- [Bug]: ModuleFederationPlugin remote not support IE11 HOT 3
- [Bug]: dev模式下,使用css-loader之后,若在样式中写了一个错误,再修改正确也一直报错 HOT 2
- [Bug]: Incompatible types of `Chunk.files` leading to error with purgecss-webpack-plugin
- [Feature]: New functionality to support webpack plugins. And 100% transition to rspack.
- [Bug]: export is not correct when using rspack to output a library in esm HOT 6
- [Bug]: CopyRspackPlugin is not wokring HOT 1
- [Bug]: v0.7.0-beta.1 dynamic import error. HOT 5
- [Feature]: Use exclusively the asset content hash for assets filenames HOT 1
- [Bug]: incorrect file matching with `**.js` glob pattern in sideEffects
- [Bug]: CssExtractRspackPlugin will fail when exportLocalsConvention is `camel-case` HOT 2
- [Bug]: encountered Panic with recompile in watch mode. [rspack v0.7.0-beta.2 ]
- [Feature]: Support `stage` option of `BannerPlugin`
- [Feature]: Expose compilation target in loader context
- [Bug]: Incorrectly removing dead code branches of switch-case
- [Bug]: There appears to be an extra space after buildIcon in rspack.ProgressPlugin if the `prefix` option not provided
- [Bug]: hmr moduleGraph calculation issue with "providedExports": true
- [Bug]:
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.