動態

列表
創建 時間

手擼Webpack自定義Loader

前言 我們知道 webpack 只能處理 JavaScript 和 Json 文件,面對 CSS、圖片等資源是無能為力的,它需要通過 loader 將這些資源轉換為可處理的模塊。 loader 的本質是一個解析資源的函數模塊,該函數對接受到的內容進行轉換,然後返回 webpack 可處理的資源。 loader的執行順序 loader 可根據執行順序區分為: pre: 前置 loader no

創建 時間

手擼Webpack自定義Plugin

前言 webpack-plugin 向開發者提供了 webpack 引擎中完整的能力。通過插件擴展 webpack,加入自定義的構建行為,使 webpack 可以執行更廣泛的任務,擁有更強的構建能力。 與 loader 相同,plugin 的本質也是一個模塊(它包含一個apply函數),符合 webpack 的一切皆模塊的理念。 工作原理 webpack 就像一條串行的生產線,要經過一系列處理流程