高级 - 源代码映射SourceMap(作用:定位源代码报错的位置)
·
// 开发模式: eval-cheap-module-source-map
// 推荐使用,本地开发首次打包慢点没关系,因为eval缓存的原因,热更新会很快
// 开发中,我们每行代码不会写的太长,只需定位到行就行,所以加上cheap
// 我们希望能够找到源代码的错误,而不是打包后的,所以需要加上module
// cheap-module-source-map的特点, 只是做个补充笔记
优点:打包编译速度快,只包含行映射
缺点:没有列映射
module.exports = {
mode: "development",
devtool: "eval-cheap-module-source-map"
}
// 生产模式:source-map
// 备注一下,打包环境推荐不配置devtool选项,当然也可以使用我这个案例的source-map
优点:包含行/列映射
缺点:打包编译速度更慢
module.exports = {
mode: "production",
devtool: "source-map"
}
更多推荐
所有评论(0)