如何在 Gatsby v2 中關閉生產中的源映射？

Question

我正在努力如何禁用生產源映射，因為默認的 Webpack 設置是省略了 devtool 選項，但 Gatsby v2 啟用了它。 我試過想出一種基於舊版本和新文檔的方法，但它不起作用：

// gatsby-node.js
exports.onCreateWebpackConfig = ({ actions, stage }) => {
  if (stage === 'build-javascript') {
    // turn off source-maps
    actions.setWebpackConfig({
      devtool: false
    })
  }
};

Answer 1

問題中的代碼是正確的解決方案。 問題是 Gatsby 不會在每次構建時刪除/public/文件夾，因此之前創建的源映射仍然存在。 因此，首先刪除該文件夾，然后運行構建步驟。

Answer 2

上述解決方案有效。 還有另一個選項使用 gatsby 插件gatsby-plugin-no-sourcemaps

先安裝插件

npm i gatsby-plugin-no-sourcemaps

之后轉到項目根目錄中的gatsby-config.js 。

將此添加到插件數組中

gatsby-plugin-no-sourcemaps

轉到公共文件夾，刪除所有文件。 再次運行 build 命令gatsby build 。 現在構建將沒有 .map 文件。

gatsby-config.js看起來像這樣。