裝載機
Webpack 載入器可以配置為 preLoaders，loaders 和 postLoaders。雖然它們不是必須的，但使用 linting 或其他命令或序列操作的配置可以利用管道中的這些構建階段。
理解載入器及其使用的關鍵是 Webpack 將通過載入器系統執行需求圖中的每個模組。按照上面的示例，這意味著當 Webpack 開始爬行應用程式的匯入時，它將識別所需的檔案並使用簡單的正規表示式，將確定哪個檔案或檔案型別需要哪個載入器或一系列載入器。
在上面你可以看到所有“.js”或“.jsx”檔案都將由 preLoader 階段的 eslint-loader 重新標記。其他 js|x 檔案型別也將在主載入階段通過 babel-loader 執行。此外，在同一階段，任何 .scss 檔案都將載入到 sass-loader 中 。這允許你在 JS 模組中匯入 Sass 檔案，並將它們輸出到生成的 JS 包或甚至另一個單獨的 CSS 包（使用外掛 ）。
注意： 匯入 .scss 檔案僅適用於 Webpack 和適當的載入程式。如果沒有前處理器或轉換器，Node 將無法理解這種匯入。
在 .scss 示例中還要注意的是能夠使用 ! 感嘆號作為不同裝載器之間的管道來連結裝載器。上面的例子將“sass-loader”的輸出管道輸入“css-loader”，最後輸出到“style-loader”。這也可以用 loaders: ['style-loader', 'css-loader', 'sass-loader'] 陣列執行。內聯載入程式定義也可以使用不同的選項，並遵循 URL 中常見的查詢引數語法。