摘要：
构建配置包设计 构建配置管理的可选方案: 通过多个配置文件管理不同环境的构建，webpack --config 参数进行控制 将构建配置设计成一个库，比如：xxx-webpack 抽成一个工具进行管理，比如：create-vue-app 将所有的配置放在一个文件，通过 --env 参数控制分支选择 阅读全文
摘要：
目录速度分析：使用 speed-measure-webpack-plugin体积分析：使用webpack-bundle-analyzer使用高版本的 webpack 和 Node.js多进程/多实例构建资源并行解析可选方案使用 HappyPack 解析资源使用 thread-loader 解析资源多 阅读全文
摘要：
构建配置包设计 构建配置管理的可选方案: 通过多个配置文件管理不同环境的构建，webpack --config 参数进行控制 将构建配置设计成一个库，比如：xxx-webpack 抽成一个工具进行管理，比如：create-vue-app 将所有的配置放在一个文件，通过 --env 参数控制分支选择 阅读全文
摘要：
自动清理构建目录产物 webpack4.x使用clean-webpack-plugin@3版本： npm i clean-webpack-plugin@3 -D webpack配置： const { CleanWebpackPlugin } = require('clean-webpack-plug 阅读全文
摘要：
webpack 本质上是一个打包工具，它会根据代码的内容解析模块依赖，帮助我们把多个模块的代码打包。 一切文件：JavaScript、CSS、SCSS、图片、模板，在 Webpack 眼中都是一个个模块，这样的好处是能清晰的描述出各个模块之间的依赖关系，以方便 Webpack 对模块进行组合和打包。 阅读全文
摘要：
为什么需要构建工具？ 转换 ES6 语法 转换 JSX CSS 前缀补全/预处理器 压缩混淆 图片压缩 前端构建演变之路 ant + YUI Tool grunt gulp、fis3 webpack、rollup、parcel 为什么选择 webpack? 社区⽣态丰富 配置灵活和插件化扩展 官⽅方 阅读全文