Hello,大家好。 在上一篇 webpack练手项目之easySlide（一）：初探webpack 中我们一起为大家介绍了webpack的基本用法，使用webpack对前端代码进行模块化打包。 但是乍一看webpack只是将所有资源打包到一个JS文件中而已，并没有做到真正的按需 ...

在看别人写的webpack，output配置项，肯跟会碰到chunkFilename这样的配置项，那这个是什么意思呢？filename和chunkFilename有什么区别呢？首先看个例子 index.html ...

开始，按照我的webpack分模块文章配置好后(mini-css-extract-plugin不支持代码hmr热更新，所以只在生产模式进行配置)，开始下面的配置 yarn add mini-css-extract-plugin css-minimizer-webpack ...

Tree Shaking:当我们写了好几个方法，但是实际上只用到了一个，那么我们需要在打包的时候剔除没有用到的代码，这就是tree shaking的作用，tree shaking只支持ES module的语法，即import、export这种，而不支持require这种commonJS的语法 ...

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

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

SplitChunkPlugin插件配置参数详解 对引入的库代码（例如:lodash、jQuery等）进行代码的分割进行优化 若配置时只写chunks："all"，其余则为默认配置 代码分割后的每一个js文件即为Chunk，如下图中的（main.js、vendors.js ...

的运行时打包与热更新 第四篇：React配合Webpack实现代码分割与异步加载 自从前几篇文章 ...