首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

SourceMapDevToolPlugin

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

new webpack.SourceMapDevToolPlugin(options)

选项

支持以下选项:

  • teststring|regex|array):包含基于扩展名的模块的 source map(默认是 .js.css)。
  • includestring|regex|array):使路径与该值匹配的模块生成 source map。
  • excludestring|regex|array):

使匹配该值的模块不生成 source map。

  • filenamestring):定义生成的 source map 的名称(如果没有值将会变成 inlined)。
  • appendstring):在原始资源后追加给定值。通常是 #sourceMappingURL 注释。[url] 被替换成 source map 文件的 URL。false 将禁用追加。
  • moduleFilenameTemplatestring):参见output.devtoolModuleFilenameTemplate
  • fallbackModuleFilenameTemplatestring):请参阅上面的链接。
  • moduleboolean):表示 loader 是否生成 source map(默认为 true)。
  • columnsboolean):表示是否应该使用 column mapping(默认为 true)。
  • lineToLineobject):通过行到行源代码映射(line to line source mappings)简化和提升匹配模块的源代码映射速度。

lineToLine 对象允许的值和上面 testincludeexclude 选项一样。

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

用法

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

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

扫码关注腾讯云开发者

领取腾讯云代金券