自从出现模块化以后，大家可以将原本一坨代码分离到个个模块中，但是由此引发了一个问题。每个 JS 文件都需要从服务器去拿，由此会导致加载速度变慢。Webpack 最主要的目的就是为了解决这个问题，将所有小文件打包成一个或多个大文件，官网的图片很好的诠释了这个事情，除此之外，Web…

PS：星号表示需要翻墙。

在webpack4之前，提取公共代码都是通过一个叫CommonsChunkPlugin的插件来办到的。到了4以后，内置了一个一模一样的功能，而且起了一个好听的名字叫“优化” 好了，就写到这里吧，想必大家也看累了吧，辛苦大家了，哈哈。

这里记录了自己在开发一个 React 项目时使用 Webpack 优化项目的过程，欢迎大家围观点赞或吐槽。 学习 React 时候，写了个个人博客站点。使用 webpack 作为打包工具，在这之前学习 webpack 时候，知道 webpack 有插件可以做资源压缩、抽离，以达…