对于开发环境,通常希望更快速的sourcemap,需要添加到bundle中以增加体积为代价,但是对于生产环境,则希望更精准的sourcemap,需要从bundle中分离并独立存在。
SourceMapDevToolPlugin 本插件实现了对sourcemap生成,进行更细粒度的控制。它可以替代devtool选项。
//@sourceMappingURL=http://example.com/path/to/your/sourcemap.map 标准语法 改为使用“#”号。
在JavaScript源码中使用了已废弃的 sourcemap语法。 JavaScript源代码经常被组合和压缩,以便能更高效地从服务器获取它们。
另外还可以传递一个可选的SourceMap结果(格式为JSON对象)。 如果是单个处理结果,可以在同步模式中直接返回。如果有多个处理结果,则必须调用this.callback()。
要启用sourcemap,我们必须配置TypeScript,以将内联的sourcemap输出到编译过的JavaScript文件。
在_开发环境_中,我们需要具有强大的、具有实时重新加载(livereloading)或热模块替换(hotmodulereplacement)能力的sourcemap和localhostserver。
如果出现这种情况,并且你还希望sourcemap为你提供正确的来源,则需要将一个对象作为code参数传递给generate。其中键应该为源文件名称,值应该为源内容。
注意:sourceMap选项是被忽略的。当webpack配置了sourceMap时(通过devtool配置选项),将会自动生成sourceMap 故障排除 babel-loader很慢!

扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059
粤公网安备44030502008569号
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号
