fix(babel): make sure not read browserslist #10396
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 1 Ignored Deployment
|
Codecov ReportBase: 29.29% // Head: 29.29% // No change to project coverage 👍
Additional details and impacted files@@ Coverage Diff @@
## master #10396 +/- ##
=======================================
Coverage 29.29% 29.29%
=======================================
Files 445 445
Lines 13006 13006
Branches 3178 3178
=======================================
Hits 3810 3810
Misses 8592 8592
Partials 604 604
Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here. ☔ View full report at Codecov. |
|
umi 4 没有读 browserslist 的设计，我对修复该问题持中立态度，用户不应该配置 browserslist 。 See #10389 (comment) |
用户为啥不应该配置 browserslist 呢 😂 |
| nodePartFile, | ||
| originContent.replace( | ||
| /require\(require\.resolve/g, | ||
| 'eval("require")(require.resolve', |
There was a problem hiding this comment.
为了绕过预打包过程中对 require.resolve 的处理？
There was a problem hiding this comment.
如果就这样预打包的话，实际上 ncc 是打包了个 empty module ，导致出现 issue 反馈的问题。
因为他是动态加载的，所以需要 eval 的 hack 手法，让 ncc 不打包这句话，在 nextjs 里对 sass-loader 动态加载 sass 也是这么处理的。
因为有 targets 配置了，框架层希望做配置收敛。 |
fix #10356
添加配置，确保项目中的明面代码不读 browserslist ，因为有 targets 了，再去读 browserslist 会造成意外、非预期的后果；但这不能防止暗面上有 babel 插件去读 browserslist （因为不置为
false还是会自动默认读）。通过观察 babel 源码发现，我们不能 hack 到所有自动读 browserslist 的入口，因为太多了。所以在暗面上，即使有 babel 插件读 browserslist ，我们要防止他不能报错。当使用了 extends browserlist 时，会导致无法加载报错，故解法是在预打包阶段 patch 成 eval 防止被打包成空模块。
该问题仅发生在自动寻路时可以发现 browserslist 配置的 case （比如
.browserslistrc，package.json#browserslist，较少见），可以继续观察是否有新反馈。