EvalSourceMapDevToolPlugin#

此外掛可以更精細地控制原始程式碼對應 (source map) 的產生。它也會在 devtool 配置選項的某些設定下自動啟用。

new webpack.EvalSourceMapDevToolPlugin(options);

選項#

append#

• 類型: string | function

將給定的值附加到原始資源。通常是 #sourceMappingURL 註解。 [url] 會被替換為原始程式碼對應檔案的 URL。 false 會停用附加功能。

module#

• 類型: boolean

表示 loaders 是否應產生原始程式碼對應 (預設為 true)。

columns#

• 類型: boolean

表示是否應使用欄位對應 (預設為 true)。

範例#

基本使用案例#

您可以使用以下程式碼，將組態選項 devtool: eval-source-map 替換為等效的自訂外掛配置

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

排除 Vendor Map#

以下程式碼會排除 vendor.js 套件中任何模組的原始程式碼對應

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