基于 Webpack 的应用包体尺寸优化翻译自 Optimising-Your-Application-Bundle-Size-With-Webpack, 从属于笔者的 Web 前端入门与最佳实践 中的 React 入门与最佳实践系列。笔者翻译此文也是为了完善自己的技术体系内容，不过推荐直接浏览 Webpack 官方网站。

webpack 是个好东西，和 NPM 搭配起来使用管理模块实在非常方便。在 React 项目架构中 webpack 和 babel 基本成为了标配，但 commonjs 的模块必须在使用前经过 webpack 的构建 (后文称为 build) 才能在浏览器端使用，而每次修改也都需要重新构建（后文称为 rebuild）才能生效，如何提高 webpack 的构建效率成为了提高开发效率的关键之一。

作者：滴滴公共前端团队 - 水乙 我们平常在打包文件的时候，有时候需要把 js、css 等代码内联进 html 中，减少文件的请求，优化加载速度。 用过 fis 的同学应该对 __inline 语法比较熟悉，它就是用来把代码内联进 html 的，其实 webpack 也可以借助…