SourceMapDevToolPlugin

SourceMapDevToolPlugin

本插件实现了对 source map 生成，进行更细粒度的控制。它可以替代 devtool 选项。

new webpack.SourceMapDevToolPlugin(options)

选项

支持以下选项：

• test（string|regex|array）：包含基于扩展名的模块的 source map（默认是 .js 和 .css）。

• include（string|regex|array）：使路径与该值匹配的模块生成 source map。

• exclude（string|regex|array）：

• filename（string）：定义生成的 source map 的名称（如果没有值将会变成 inlined）。

• append（string）：在原始资源后追加给定值。通常是 #sourceMappingURL 注释。[url] 被替换成 source map 文件的 URL。false 将禁用追加。

• moduleFilenameTemplate（string）：参见output.devtoolModuleFilenameTemplate。

• fallbackModuleFilenameTemplate（string）：请参阅上面的链接。

• module（boolean）：表示 loader 是否生成 source map（默认为 true）。

• columns（boolean）：表示是否应该使用 column mapping（默认为 true）。

• lineToLine（object）：通过行到行源代码映射(line to line source mappings)简化和提升匹配模块的源代码映射速度。

lineToLine 对象允许的值和上面 test，include，exclude 选项一样。

设置 module 和/或 columns 为 false 将会生成不太精确的 source map，但同时会显著地提升编译性能。

用法

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

new webpack.SourceMapDevToolPlugin{
  filename: '[name].js.map',
  exclude: ['vendor.js']
})