webpack性能优化(TODO)

 

 

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

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

source-map 生产环境一定去掉

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

splitchunks  代码分离去重

DynamicImport 动态加载js文件

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

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

DD团队提出的后编译

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