webpack -- source-map

这玩意儿看完文档,加上大佬的解释,其实就是个错误追踪,可以告诉浏览器那里出错了,那个文件报错了,能够具体到哪个文件,哪一行
开发环境和生成环境是不同的,生产环境能够不配置source-map,可是开发环境能够配置一下,由于source-map会影响浏览器加载,文件太大了,不过也能够在生产环境中配置一个source-map
好比根据webpack文档,能够在开发环境配置inline-source-map,而在生产环境中能够配置source-map
而大佬没有配置这个,大佬配置的是cheap-module-eval-source-map这个配置不能应用于生产环境,上面的source-map能够应用于生产环境
上面两个估计应该是webpack内置了,下面这个须要先安装webpack

npm install cheap-module-eval-source-map --save-dev

Tips
source-map是配置在webpack.config.js的devtool上web

const config = {
    devtool: '#cheap-module-eval-source-map'
}

source-map选项表
devtoolnpm

相关文章
相关标签/搜索