首页 > 技术文章 > webpack性能优化(TODO)

mingweiyard 2020-11-12 17:52 原文

 

 

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

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

source-map 生产环境一定去掉

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

splitchunks  代码分离去重

DynamicImport 动态加载js文件

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

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

DD团队提出的后编译

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

推荐阅读