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

webpack 自出现时，一直备受青睐。作为强大的打包工具，它只是出现在项目初始或优化的阶段。如果没有参与项目的构建，接触的机会几乎为零。即使是参与了，但也会因为项目的周期短，从网上东拼西凑草草了事。 纵观网上的 webpack 教程，要么是蜻蜓点水，科普了一些常规配置项；要么…

例如 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…