webpack - source-map 选择

开发环境

在开发环境中使用 cheap-module-source-map ，生成速度快，能够定位到具体行数，开发过程中够用了。

module.exports = {
    mode: 'development',
    devtool: 'cheap-module-source-map',
}

生产环境

在生产环境中使用 source-map ， nosources-source-map 或者 hidden-source-map 。 需要保证source-map不对外开放，只对内暴露。 使用sentry等监控服务，可以将 souce-map 上传到 sentry，使其能够将生产环境中的错误追溯到源代码行。

module.exports = {
    mode: 'production',
    devtool: 'source-map',
}