去掉所有空格后,原始jsx文件大小为189k。编译/缩小的文件大小 js 为 217k,没有任何依赖项。除了 treeshaking 之外,我已经使用了所有 webpack/babel 优化来缩小代码大小。我打算缩短成员变量/函数名称以减小文件大小,因为 js-minify 只能处理局部变量名称,例如用较短的名称替换 react 的 createElement。我只是手动尝试过,删除 createElement 后文件大小减少了 9k。不确定是否有任何工具可以帮助我做到这一点。
编译/缩小的 jsx 文件比原始文件大
IT技术
reactjs
bundle
webpack
jsx
minifiedjs
2021-05-22 23:20:54
1个回答
您可以在 Webpack 中使用许多设置来缩小输出尺寸。看起来你可能已经控制住了。
然而,bundle 的大小会受到你编写 ES6 代码和 JSX 的方式的影响。我编制了一份提示和技巧列表,用于编写更多可缩小的 ES6 代码,范围从仔细选择 ES6 特性到优化 JSX 结构。我希望有帮助
其它你可能感兴趣的问题