难度级别：中高级及以上                               提问概率：75% 

---

webpack打包优化主要的思想就是合理利用浏览器缓存、减小代码体积以及减少HTTP请求数量。尽管我们在开发阶段已经做了大量的优化工作，但开发阶段难免存在疏忽，而且源代码也不能直接部署到服务器。可以说开发阶段与webpack打包阶段的优化都很重要，相辅相成。接下来我们看一下webpack都可以帮我们做哪些性能优化相关的工作。

1 去除console.log代码

线上代码要去除console.log已经成为一种共识，它很可能会暴露网站的关键信息，使用不当还会造成内存泄漏。但开发阶段又不免使用console.log来调试代码，尽管大家都会注意使用完后手动删除，或者上线前整体查找一遍进行删除，但手动的工作总是避免不了疏忽。可以通过下载babel-plugin-transform-remove-console插件，来实现上线打包前去除所有的console.log代码。

2 严格区分开发依赖和线上依赖

很多工具代码上线后并不是必须的，例如webpack、babel、less这些，所以在安装的时候，一定要注意，仅仅是开发阶段