Leo*_*ang 7 javascript reactjs webpack babeljs
根据 React 的博客 ( https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html),Babel有一个新的 JSX 运行时:
根据您的设置,其编译输出可能会稍微改善包的大小。
然而,它使我的包大小增大了 2%。我很好奇,所以我深入研究了输出。开发版本如下所示:
(0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxDEV)("div", {})
Run Code Online (Sandbox Code Playgroud)
生产版本如下所示:
(0,a.jsx)("div",{})
Run Code Online (Sandbox Code Playgroud)
在 React 博客的示例中,它们是_jsx
函数而不是方法。这可能导致文件大小增加 2%。这是 Webpack 的问题吗?Webpack 是否可以进一步优化这一点?
新的运行时使包变得更大还有哪些其他原因?
归档时间: |
|
查看次数: |
567 次 |
最近记录: |