由于 process.env.CI = true,如何防止 Netlify 将警告视为错误?

当我们在使用 Netlify 进行持续集成时，可能会遇到以下情况：为了最大限度地减少错误，Netlify 将警告视为错误，并因此使构建失败。这通常是有用的，但有时某些库会生成大量的警告，这会导致构建失败。

一种解决方法是告诉 Netlify 忽略警告，并将其视为常规信息，这样构建就不会因为警告而失败。为了做到这一点，我们需要在 Netlify 上设置环境变量 CI。

以下是如何设置环境变量 CI：

1. 打开 Netlify 控制台，找到你的应用程序。

2. 点击 "Settings"。

3. 在 "Build & Deploy" 选项卡中，找到 "Build environment variables"，并点击 "Edit variables"。

4. 在 "Add variable" 中输入 CI，将其键入 true，并单击 "Save"。

5. 接下来，我们需要通知 webpack（或其他打包器）忽略所有警告，并将它们视为普通信息。为了做到这一点，我们需要在 webpack 配置中添加以下代码：

module.exports = {
  //...
  performance: {
    hints: process.env.CI ? false : 'warning',
  },
};

这将告诉 webpack，当环境变量 CI 为真时，将警告视为普通信息，而不是错误。这样可以避免构建失败。

我们已经了解了如何解决 Netlify 将警告视为错误的问题。现在，在持续集成期间，Netlify 将不再将警告视为错误，从而确保我们可以更轻松地构建我们的应用程序。

希望这篇文章可以帮助你解决这个问题！