configureWebpack中devtool: 'source-map'不生效
时间: 2024-06-09 17:08:08 浏览: 243
如果你在 `configureWebpack` 中设置了 `devtool: 'source-map'`,但是它似乎不起作用,可能有以下几种原因:
1. webpack 配置的优先级不同
在 Vue CLI 3 中,你可以使用 [chainWebpack](https://cli.vuejs.org/zh/guide/webpack.html#%E4%BD%BF%E7%94%A8%E9%93%BE%E5%BC%8F%E6%8F%90%E4%BE%9B%E6%9B%B4%E5%8A%A0%E8%AF%A6%E7%BB%86%E7%9A%84%E6%8E%A7%E5%88%B6) 和 `configureWebpack` 来修改 webpack 配置。但是,`chainWebpack` 的优先级要高于 `configureWebpack`,因此,如果你在 `chainWebpack` 中设置了 `devtool`,那么 `configureWebpack` 中的设置将被忽略。
2. mode 配置的问题
`devtool` 的生成方式与模式有关。在 development 模式下,`devtool` 的默认值是 `eval-source-map`,而在 production 模式下默认是 `source-map`。因此,如果你的项目处于 production 模式,你需要在 `configureWebpack` 中设置 `devtool: 'source-map'` 才能生效。
3. 其他原因
如果以上两种情况都不是问题,你可以尝试在 webpack 配置中设置 `devtool`,看看能否生效。如果无法生效,可能是其他原因导致的问题,建议检查 webpack 配置是否有错误或冲突。
阅读全文