前面的话 　　前面介绍了webpack的基本配置，本文将详细介绍webpack中关于代码优化的配置 打包公共代码 　　CommonsChunkPlugin 插件，是一个可选的用于建立一个独立文件(又称作 chunk)的功能，这个文件包括多个入口 chunk 的公共模块。通过将公共模块拆出来，最终 ...

前面的话 　　前面介绍了webpack的基本配置，本文将详细介绍webpack中关于代码优化的配置 打包公共代码 　　CommonsChunkPlugin 插件，是一个可选的用于建立一个独立文件(又称作 chunk)的功能，这个文件包括多个入口 chunk 的公共模块。通过将公共模块 ...

前言 开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直接上线，还会 ...

前言 开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直接上线，还会 ...

Webpack的安装分为全局安装与本地安装，上一节我们使用的是本地安装，我们也推荐使用本地安装。 那么全局安装的Webpack与本地安装的有何不同呢？ 全局安装的Webpack，在任何目录执行webpack命令都可以进行打包。而本地安装的Webpack，必须要找到对应node_modules下 ...

前言：最近重构一个项目（基于umi2脚手架搭建的），打包上线后发现包非常大，决定将项目优化一下，打包后的dist文件 可以看到打包后的dist文件有16M，然后部署上去发现首次打开蜗牛🐌般的速度，原因有一个公共依赖文件有7.6M之大，我giao，这怎么行呢！? 如果浏览器 ...

现状 随着项目不断发展壮大，组件数量开始变得越来越多，项目也开始变得庞大，webpack 编译的时间也会越来越久，我们现在的项目编译一次在 40s ——70s 之间，这是一个效率非常低下的操作。优化的手段有很多，之前项目原本已经做了很多，本文从缓存的角度进行优化讲解 以下仅介绍几种缓存相关 ...

Webpack性能优化的方式有很多种，本文之所以将 dll 单独讲解，是因为 dll 是一种最简单粗暴并且极其有效的优化方式。 在通常的打包过程中，你所引用的诸如：jquery、bootstrap、react、react-router、redux、antd、vue、vue-router、vuex ...