## 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