首页 > Web开发 > 详细

webpack性能优化(TODO)

时间:2020-11-12 18:32:48      阅读:24      评论:0      收藏:0      [点我收藏+]

 

 

Happypack  (plugin) 多线程使用loader编译文件

tree shaking 删除无用JS代码,依赖ESM规范

source-map 生产环境一定去掉

process.env.XXX 配置环境变量,区分各种编译环境

splitchunks  代码分离去重

DynamicImport 动态加载js文件

Hot-module-replacement 开发环境热更新

webpack-smithspirit plugin 使用JS合成精灵图

DD团队提出的后编译

总的来说就是用webpack的几大特色来优化我们的项目,如代码分离,去除重复代码

webpack性能优化(TODO)

原文:https://www.cnblogs.com/mingweiyard/p/13965225.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!