难度级别：中高级及以上 提问概率：75%
webpack打包优化主要的思想就是合理利用浏览器缓存、减小代码体积以及减少HTTP请求数量。尽管我们在开发阶段已经做了大量的优化工作，但开发阶段难免存在疏忽，而且源代码也不能直接部署到服务器。可以说开发阶段与webpack打包阶段的优化都很重要，相辅相成。接下来我们看一下webpack都可以帮我们做哪些性能优化相关的工作。
1 去除console.log代码
线上代码要去除console.log已经成为一种共识，它很可能会暴露网站的关键信息，使用不当还会造成内存泄漏。但开发阶段又不免使用console.log来调试代码，尽管大家都会注意使用完后手动删除，或者上线前整体查找一遍进行删除，但手动的工作总是避免不了疏忽。可以通过下载babel-plugin-transform-remove-console插件，来实现上线打包前去除所有的console.log代码。
2 严格区分开发依赖和线上依赖
很多工具代码上线后并不是必须的，例如webpack、babel、less这些，所以在安装的时候，一定要注意，仅仅是开发阶段
之搭建源码环境)
![[STL-list]介绍、与vector的对比、模拟实现的迭代器问题](http://pic.xiahunao.cn/[STL-list]介绍、与vector的对比、模拟实现的迭代器问题)
)
