本插件可以為 source map 的生成提供更好更細粒度的控制。devtool 中的某些配置會自動使用它。

new webpack.EvalSourceMapDevToolPlugin(options);

選項

支持以下選項：

• ?test (string|RegExp|array)?: 默認值為 .js 和 .css，為與給定的模塊擴展名相匹配的模塊，添加 source map。
• ?include (string|RegExp|array)?: 為與給定路徑相匹配的模塊，添加 source map。
• ?exclude (string|RegExp|array)?: 排除一些與給定值相匹配的模塊，不會為它們生成映射關系。
• ?append (string)?: 將給定的值添加到源代碼中，通常是 #sourceMappingURL 注釋，[url] 在 source map 文件中將會被替換成 url，值為 false 表示不添加。
• ?moduleFilenameTemplate (string)?: 查看 output.devtoolModuleFilenameTemplate。
• ?module (boolean)?: 默認值為 true，表示是否為 loaders 添加 source map。
• ?columns (boolean)?: 默認值為 true，表示是否使用列映射(column mapping)。
• ?protocol (string)?: 默認協(xié)議名為 webpack-internal://，允許用戶重新定義協(xié)議。

示例

以下示例演示了此插件的一些常見用例。

基本用例

可以使用以下代碼替換配置選項 devtool: eval-source-map，并使用等效的自定義插件配置：

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

排除 Vendor(第三方庫) Maps

下面的代碼將排除 ?vendor.js? 包中任何模塊 source map 的生成：

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

Further Reading

• Building Eval Source Maps