1. 程式人生 > >webpack學習之——Output

webpack學習之——Output

pat hashes org 占位符 即使 mage rect subst png

配置 output 選項可以控制 webpack 如何向硬盤寫入編譯文件。註意,即使可以存在多個入口起點,但只指定一個輸出配置。

1. 用法

在 webpack 中配置 output 屬性的最低要求是,將它的值設置為一個對象,包括以下兩點:

  • filename 用於輸出文件的文件名 (A filename to use for the output file(s))。
  • 目標輸出目錄 path 的絕對路徑 (An absolute path to your preferred output directory)。

配置如下:

技術分享圖片

2. Multiple Entry Points

如果配置創建了多個單獨的 "chunk"(例如,使用多個入口起點或使用像 CommonsChunkPlugin 這樣的插件),則應該使用占位符(substitutions)來確保每個文件具有唯一的名稱。

技術分享圖片

3. Advanced(進階)

Here‘s a more complicated example of using a CDN and hashes for assets:

技術分享圖片

在編譯時不知道最終輸出文件的 publicPath 的情況下,publicPath 可以留空,並且在入口起點文件運行時動態設置。如果你在編譯時不知道 publicPath,你可以先忽略它,並且在入口起點設置 __webpack_public_path__

技術分享圖片

webpack學習之——Output