EvalSourceMapDevToolPlugin

此外掛程式能更精細地控制來源地圖的產生。它也能透過某些 devtool 設定選項自動啟用。

new webpack.EvalSourceMapDevToolPlugin(options);

選項

支援下列選項

• test (字串|正規表示法|陣列)：根據模組的副檔名納入來源地圖 (預設為 .js 和 .css)。

• include (字串|正規表示法|陣列)：納入與指定值相符的模組路徑的來源地圖。

• exclude (字串|正規表示法|陣列)：從來源地圖產生中排除與指定值相符的模組。

• append (字串|函式)：將指定值附加到原始資產。通常是 #sourceMappingURL 註解。[url] 會替換為來源地圖檔案的 URL。false 會停用附加。

  從版本 5.84.0 開始，webpack 允許 append 選項成為一個函式，它接受路徑資料和資產資訊物件作為引數，並傳回一個字串。

  (pathData: PathData, assetInfo?: AssetInfo) => string;

• moduleFilenameTemplate (字串)：請參閱 output.devtoolModuleFilenameTemplate。

• module (布林值)：表示載入器是否應產生原始碼對應表（預設為 true）。

• columns (布林值)：表示是否應使用欄位對應（預設為 true）。

• protocol (字串)：允許使用者覆寫預設通訊協定（webpack-internal://）

範例

下列範例示範此外掛程式的部分常見使用案例。

基本使用案例

您可以使用下列程式碼以等效的自訂外掛程式設定取代設定選項 devtool: eval-source-map

module.exports = {
  // ...
  devtool: false,
  plugins: [new webpack.EvalSourceMapDevToolPlugin({})],
};

排除供應商對應表

下列程式碼會排除 vendor.js 捆綁中的所有模組的原始碼對應表

new webpack.EvalSourceMapDevToolPlugin({
  exclude: ['vendor.js'],
});