發現網上的人都是說的将productionSourceMap改為false,實際上是不生效的。
實際應該改configureWebpack下面的devtool的值
vue-cli3下的webpack配置
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNfRHLGZkRGZkRfJ3bs92YsYTMfVmepNHLxEleOBTQq50MNpHW3BjMMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLzQDOwQDN1kTMwEjNwEjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
configureWebpack: {
devtool: process.env.NODE_ENV === 'development' ? 'cheap-module-eval-source-map' : 'cheap-module-source-map',
}
這裡是參考文章
對于開發環境
eval 每個子產品都使用 eval() 執行,并且都有 //@ sourceURL。此選項會相當快地建構。主要缺點是,由于會映射到轉換後的代碼,而不是映射到原始代碼,是以不能正确的顯示行數。
inline-source-map - SourceMap 轉換為 DataUrl 後添加到 bundle 中。
eval-source-map - 每個子產品使用 eval() 執行,并且 SourceMap 轉換為 DataUrl 後添加到 eval() 中。初始化 SourceMap 時比較慢,但是會在重建構時提供很快的速度,并且生成實際的檔案。行數能夠正确映射,因為會映射到原始代碼中。
cheap-module-eval-source-map - 就像 eval-source-map,每個子產品使用 eval() 執行,并且 SourceMap 轉換為 DataUrl 後添加到 eval() 中。"低開銷"是因為它沒有生成列映射(column map),隻是映射行數。
對于生産環境
source-map - 生成完整的 SourceMap,輸出為獨立檔案。由于在 bundle 中添加了引用注釋,是以開發工具知道在哪裡去找到 SourceMap。
hidden-source-map - 和 source-map 相同,但是沒有在 bundle 中添加引用注釋。如果你隻想要 SourceMap 映射錯誤報告中的錯誤堆棧跟蹤資訊,但不希望将 SourceMap 暴露給浏覽器開發工具。
cheap-source-map - 不帶列映射(column-map)的 SourceMap,忽略加載的 Source Map。
cheap-module-source-map - 不帶列映射(column-map)的 SourceMap,将加載的 Source Map 簡化為每行單獨映射。
nosources-source-map - 建立一個沒有 sourcesContent 的 SourceMap。它可以用來映射用戶端(譯者注:指浏覽器)上的堆棧跟蹤,而不會暴露所有的源碼。