编译/缩小的jsx文件比原始文件

时间:2016-03-15 02:20:45

标签: reactjs bundle webpack jsx minifiedjs

删除所有空格后,原始jsx文件大小为189k。编译/缩小的文件大小js是217k,没有任何依赖性。我使用了所有webpack / babel优化来缩小代码大小,除了树形图。我打算缩短成员变量/函数名以减小文件大小,因为js-minify只能处理局部变量名,例如使用较短的名称替换react的createElement。我只是手动尝试,删除createElement后文件大小减少了9k。不确定是否有任何工具可以帮助我做到这一点。

1 个答案:

答案 0 :(得分:2)

您可以在Webpack中使用许多设置来缩小输出尺寸。看起来你可能已经控制住了。

但是,捆绑包大小将受到编写ES6代码和JSX的方式的影响。我编译了tips and tricks for writing more minifiable ES6 code的列表,其范围从仔细选择ES6功能到最佳JSX结构。我希望有帮助