webpack基礎教程：（二）

標籤：load   code   package   匯出   副檔名   調用   off   span   管道   

1、 Loader

　　上一節我們講了webpack的一些基本認識及概念，接下來我們繼續探索webpack的 Loader，那麼何為Loader？它的作用是什嗎？

1. Webpack 本身只能處理 JavaScript 模組，如果要處理其他類型的檔案，就需要使用 loader 進行轉換。
2. Loader 可以理解為是模組和資源的轉換器，它本身是一個函數，接受源檔案作為參數，返迴轉換的結果。這樣，我們就可以通過 require 來載入任何類型的模組或檔案，比如 CoffeeScript、 JSX、 LESS 或圖片。

　　1.1 Loader的特性

• Loader 可以通過管道方式鏈式調用，每個 loader 可以把資源轉換成任意格式並傳遞給下一個 loader ，但是最後一個 loader 必須返回 JavaScript。
• Loader 可以同步或非同步執行。
• Loader 運行在 node.js 環境中，所以可以做任何可能的事情。
• Loader 可以接受參數，以此來傳遞配置項給 loader。
• Loader 可以通過副檔名（或Regex）綁定給不同類型的檔案。
• Loader 可以通過 npm 發布和安裝。
• 除了通過 package.json 的 main 指定，通常的模組也可以匯出一個 loader 來使用。
• Loader 可以訪問配置。
• 外掛程式可以讓 loader 擁有更多特性。
• Loader 可以分發出附加的任意檔案。

　　1.2 Loader 本身也是運行在 node.js 環境中的 JavaScript 模組，它通常會返回一個函數。

　　　　Loader 可以在 require() 引用模組的時候添加，也可以在 webpack 全域配置中進行綁定，還可以通過命令列的方式使用。

webpack基礎教程：（二）