删除所有空格后,原始 jsx 文件大小为 189k。编译/缩小的文件大小 js 为 217k,没有任何依赖关系。我已经使用了所有的 webpack/babel 优化来缩小代码大小,除了 treeshaking。我打算缩短成员变量/函数名称以减小文件大小,因为 js-minify 只能处理局部变量名称,例如用较短的名称替换 react 的 createElement。我只是手动尝试,删除 createElement 后文件大小减少了 9k。不确定是否有任何工具可以帮助我做到这一点。
问问题
300 次
1 回答
2
您可以在 Webpack 中使用许多设置来减小输出大小。看起来你可能已经控制住了。
然而,bundle 的大小会受到你如何编写 ES6 代码和 JSX 的影响。我整理了一份关于编写更精简的 ES6 代码的提示和技巧列表,范围从仔细选择 ES6 特性到优化 JSX 结构。我希望这会有所帮助
于 2016-05-16T07:45:15.583 回答