如何在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

转到公用文件夹，删除所有文件。再次运行构建命令gatsby build。现在构建将不会有.map文件。

gatsby-config.js将如下所示。

​

​