SourceMapDevToolPlugin
该插件可以对[通过 devtool 选项添加的 source map] 进行更细粒度的控制(fine grained control)。
new webpack.SourceMapDevToolPlugin(options)
选项
支持以下选项:
options.test/options.include/options.exclude(string|RegExp|Array):用于决定应该处理哪个资源。其中每个都可以是一个正则表达式(匹配资源文件名),或一个字符串(资源文件名需要以此字符串开头),或一个数组(必须匹配数组中的每一项)。如果省略不设置,test默认是.js和.css文件。options.filename(string):定义 SourceMap 的输出文件名。如果没有提供值,则 source map 是内联的。options.append(string): 追加到原始资源。通常以#sourceMappingURL注释。[url]替换为 source map 文件的 URL。false禁止追加。options.moduleFilenameTemplate/options.fallbackModuleFilenameTemplate(string):查看output.devtoolModuleFilenameTemplate。options.module(boolean): (defaults totrue) 为false时, loader 不再生成 source map,并且转换过的代码被用作源码。options.columns(boolean): (defaults totrue) 为false时,source map 中的列映射(column mapping)被忽略,并且使用更快速的 source map 实现。options.lineToLine({test: string|RegExp|Array, include: string|RegExp|Array, exclude: string|RegExp|Array}) 匹配的模块使用简单(快速)的行到行(line to line) source map。
用法:排除 Vendor 的 Map 文件
以下代码将排除 vendor.js bundle 中任何模块的 source map:
new webpack.SourceMapDevToolPlugin({
filename: '[name].js.map',
exclude: ['vendor.js']
})
原文:https://webpack.js.org/plugins/source-map-dev-tool-plugin/