webpack4系列第六篇(源码映射)

源码映射有四种方式:
1、sorce-map :会生成单独的map文件,代码出错时会标识行和列
2、eval-source-map: 不会生成单独的map文件,代码出错时会标识行和列
3、cheap-module-eval-source-map: 不会生成单独的map文件,集成在代码中,代码出错时会标识行不会标识列
4、cheap-module-eval-source-map: 不会生成单独的map文件,代码出错时会标识行不会标识列

module.exports = {
    ...
    // devtool: 'source-map',
    // devtool: 'eval-source-map',
    devtool: 'cheap-module-eval-source-map',
    // devtool: 'cheap-module-source-map',
    ...
}

前三种方便代码出错时进行调试,第四种不好调试也不常用。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 新建一个文件夹,命名为 webpack-cli , webpack-cli 就是你的项目名,项目名建议使用小...
    鲁大师666阅读 1,521评论 1 3
  • 前言 devtool用作调试,在找错误方面给了我们很大的帮助,然而官网的devtool有十几种配置,用的多一点的也...
    json_q阅读 16,613评论 2 7
  • publicPath指定了一个在浏览器中被引用的URL地址。 对于使用 和 加载器,当文件路径不同于他们的本地磁盘...
    飞呀飞哥阅读 1,725评论 0 0
  • s自动化构建工具 gulp webpack grunt现在webpack火了 火了就得学 今天唠唠吧!感觉帮到...
    codeSirCao阅读 356评论 0 2
  • 懂得珍惜 才是幸福 几十年后 我们都将离去 对这个世界来说 我们彻底变成了虚无 我们辛劳一生 带不走一草一木 我们...
    刘睿智佳阅读 794评论 4 35