## webpack中文网 地址：https://www.webpackjs.com/plugins/ ### mode注意事项 1、注意观察`mode: 'development'`与`mode: 'production'`默认配置插件 ### loader注意事项 1、一组链式的 loader 将按照相反的顺序执行（从后往前 / 从下往上）。loader 链中的第一个 loader 返回值给下一个 loader。在最后一个 loader，返回 webpack 所预期的 JavaScript。 2、loader特性： * loader 可以是同步的，也可以是异步的。 * loader 运行在 Node.js 中，并且能够执行任何可能的操作。 * loader 接收查询参数。用于对 loader 传递配置。 * loader 也能够使用`options`对象进行配置。 * 除了使用`package.json`常见的`main`属性，还可以将普通的 npm 模块导出为 loader，做法是在`package.json`里定义一个`loader`字段。 * 插件(plugin)可以为 loader 带来更多特性。 * loader 能够产生额外的任意文件。 ### plugin插件作用 1、插件目的在于解决[loader](https://www.webpackjs.com/concepts/loaders)无法实现的**其他事**。 2、 插件接口可以直接触及到编译过程(compilation process)。 插件可以将处理函数(handler)注册到编译过程中的不同事件点上运行的生命周期钩子函数上。 当执行每个钩子时， 插件能够完全访问到编译(compilation)的当前状态。 3、更多第三方plugin插件 地址：https://webpack.js.org/awesome-webpack/#webpack-plugins