loader 用于對模塊的源代碼進行轉換。loader 可以使你在 import 或 “load(加載)” 模塊時預處理文件。因此，loader 類似于其他構建工具中“任務(task)”，并提供了處理前端構建步驟的得力方式。loader 可以將文件從不同的語言（如 TypeScript）轉換為 JavaScript 或將內聯圖像轉換為 data URL。loader 甚至允許你直接在 JavaScript 模塊中 import CSS 文件！

ts-loader：

webpack 處理的每個文件都是一個模塊，模塊集合構成 chunks.

./webpack.config.js

module.exports = {entry: './index.js', };

這會創建出一個名為 main 的 chunk 組（main 是入口起點的默認名稱）。 此 chunk 組包含 ./index.js 模塊。隨著 parser 處理 ./index.js 內部的 import 時， 新模塊就會被添加到此 chunk 中。

當 webpack 處理應用程序時，它會根據命令行參數中或配置文件中定義的模塊列表開始處理。 從 入口 開始，webpack 會遞歸的構建一個 依賴關系圖，這個依賴圖包含著應用程序中所需的每個模塊，然后將所有模塊打包為少量的 bundle —— 通常只有一個 —— 可由瀏覽器加載。

webpack 只能理解 JavaScript 和 JSON 文件，這是 webpack 開箱可用的自帶能力。loader 讓 webpack 能夠去處理其他類型的文件，并將它們轉換為有效 模塊，以供應用程序使用，以及被添加到依賴圖中。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的SAP Spartacus package.json 里定义的 ts-loader的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。