做自己的轮子，让别人用去吧。 本文灵感源自业务中的经验总结，不怕神一样的产品，只怕一根筋的开发。 在项目打包遇到问题：“当项目托管到 CDN 平台，希望实现项目中的 index.js 不被缓存”。因为我们需要修改 index.js 中的内容，不想用户被缓存。 打包时动态创建 s…

例如 babel-loader 可以将 ES6 代码转换为 ES5 代码；sass-loader 将 sass 代码转换为 css 代码。 rules 数组包含了一个个匹配规则和具体的 loader 文件。 上述代码中的 test: /\.js$/ 就是匹配规则，表示对 js …

webpack本质上可以将其理解为是一种基于事件流的编程范例，一系列的插件运行。 1. webpack启动过程分析 1. 运行webpack 2. 查找webpack入口文件 在运行以上命令后，npm 会让命令行工具进入 node_modules.bin 目录查找是否存在 we…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…