EvalSourceMapDevToolPlugin

此插件可以更精细地控制源映射的生成。它也可以通过 devtool 配置选项的某些设置自动启用。

new webpack.EvalSourceMapDevToolPlugin(options);

选项

支持以下选项

• test (string|RegExp|array): 根据模块的扩展名包含源映射（默认为 .js 和 .css）。

• include (string|RegExp|array): 包含与给定值匹配的模块路径的源映射。

• exclude (string|RegExp|array): 从源映射生成中排除与给定值匹配的模块。

• append (string|function): 将给定值附加到原始资产。通常是 #sourceMappingURL 注释。[url] 被替换为源映射文件的 URL。false 禁用追加。

  从版本 5.84.0 开始，webpack 允许 append 选项成为一个函数，该函数接受路径数据和资产信息对象作为参数，并返回一个字符串。

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

• moduleFilenameTemplate (string): 请参阅 output.devtoolModuleFilenameTemplate。

• module (boolean): 指示加载器是否应生成源映射（默认为 true）。

• columns (boolean): 指示是否应使用列映射（默认为 true）。

• protocol (string): 允许用户覆盖默认协议（webpack-internal://）

示例

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

基本用例

你可以使用以下代码将配置选项 devtool: eval-source-map 替换为等效的自定义插件配置

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

排除供应商映射

以下代码将排除 vendor.js 捆绑包中任何模块的源映射

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