代码优化treeshaking

treeshaking(摇树优化)

概念:

用于移除js中上下文中未被引用的代码(dead-code),依赖于ES6中的静态结构特性。
符合es6规范的代码可以使用treeshaking实现代码优化,会清除冗余代码,这里主要是针对模块内未使用到的代码。

优点:

1.去除未被引用的代码;

2.压缩代码减小代码体积,从而减少页面的加载时间。

原理:

找到你真正使用的代码输出出来,那么自然而然冗余的代码就删除掉了。

参考资料:treeshaking参考资料

webpack中使用treeshaking技术:
1.使用import,export编写符合ES6规范的代码;
2.使用uglifyjsplugin插件进行冗余代码删除操作。
有兴趣的可以查看webpack官方文档

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复