inline-source-map: 适用于不希望增加额外请求的场景,但同样会增加打包文件的大小。 cheap-module-source-map: 适用于希望减小 source map 大小,同时保持一定精度的场景。 hidden-source-map: 适用于不希望将 .map 文件暴露给用户的场景。4. 配置示例 以下是一个配置 devtool 选项的示例: ...
webpack 不仅支持这 7 种,而且它们还是可以任意组合上面的eval、inline、hidden关键字,就如文档所说,你可以设置 souremap 选项为 cheap-module-inline-source-map。 注2: 如果你的modules里面已经包含了SourceMaps,你需要用source-map-loader来和合并生成一个新的 SourceMaps。 使用结果有何不同 下面我们将列出这 ...
devtool:'hidden-source-map', 也会生成一个build.js.map文件 和source-map的不同是build.js最后没有了注释,并且浏览器的输出信息是build.js的位置,也就是打包后位置 inline-source-map的状态 devtool:'inline-source-map', 打包后没有了build.js.map文件,而是在build.js文件的最后加了注释,注释的内容就是...
--source-mapSourceMap的文件的路径和名称--source-map-root源文件的路径--source-map-url//#sourceMappingURL的路径。 默认为--source-map指定的值。--source-map-include-sources是否将源代码的内容添加到sourcesContent数组--source-map-inline是否将SourceMap写到压缩代码的最后一行--in-source-map输入SourceMap,当...
‘inline-source-map’: 这种方式会在打包后的文件中,以内联的方式插入SourceMap。它不需要额外的请求来加载SourceMap,但会增加打包后文件的大小。 ‘hidden-source-map’: 这种方式会生成一个独立的SourceMap文件,但在打包后的文件中不会包含对它的引用。它结合了’source-map’和’inline-source-map’的优点,既保...
inline-source-map- SourceMap 转换为 DataUrl 后添加到 bundle 中。 eval-source-map- 每个模块使用 eval() 执行,并且 SourceMap 转换为 DataUrl 后添加到 eval() 中。初始化 SourceMap 时比较慢,但是会在重构建时提供很快的速度,并且生成实际的文件。行数能够正确映射,因为会映射到原始代码中。
我的webpack配置文件中已经设置devtool: inline-source-map,如下图: 这是为啥啊? 开启了inline-source-map,无论是源文件是什么都能够查找得到,毕竟我要定位代码是哪个地方出错了 。 部分.vue文件可以看到源代码内容,但是另外部分就坑爹的只能看到编译后的js了 .....
inline-source-map:SourceMap 文件以 DataURL 的形式嵌入到 JavaScript 文件中,不会再生成单独的 SourceMap 文件,因为 SourceMap 文件和 JavaScript 文件是一个文件。 eval-source-map:每个module会通过eval()来执行,并且SourceMap也会每个module内嵌入,然后追踪到每个行和列,速度相对较快。 hidden-source-map:同source...
2、设置inline-source-map:删除.map文件,把map文件写入到bundle文件中,再对应bundle文件的最后一行。 3、设置inline-cheap-source-map:只输出的错误信息只精确到行数,不精确到列数。 4、设置inline-cheap-moudule-source-map: 打印第三方模块的错误信息。
module会将loader的source-map加入 内联和外部的区别: 1、外部生成了文件,内联没有 2、内联构建速度更快 开发环境 速度快 (eval>inline>cheap>...) eval-cheap-source-map eval-source-map 调试更友好 souce-map cheap-module-souce-map cheap-souce-map ...