美文网首页webpack4
webpack4系列第六篇(源码映射)

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

作者: Rosa_Lv | 来源:发表于2019-06-19 15:21 被阅读0次

源码映射有四种方式:
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',
    ...
}

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

相关文章

网友评论

    本文标题:webpack4系列第六篇(源码映射)

    本文链接:https://www.haomeiwen.com/subject/mhzhqctx.html