nuxt.config.js:为开发或生产加载不同的配置

Question

如何为生产和开发加载不同的设置。

我想要像这样的东西，例如：

nuxt.config.js

  sentry: {
    dsn: 'xxx',
    config: {
      disabled: !env.isDev
    }
  },

不幸的是，isDev在那个阶段是不可用的。

Answer 1

创建两个不同的配置文件：

nuxt.config.dev.js
nuxt.config.js

在package.json的脚本部分中，指定开发版本的配置文件

使用--config-file nuxt.config.dev.js

"scripts": {
    "dev": "cross-env NODE_ENV=development HOST=111.111.111.111 PORT=3001 nodemon --watch api --exec \"nuxt --config-file nuxt.config.dev.js --spa\"",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production HOST=111.111.111.111 PORT=3002 nuxt start --spa "
  }

Answer 2

感谢您的良好投入。

与此同时，一个人找到了另一个解决方案，它很适合我目前的用例。

nuxt.config.js

import stdEnv from 'std-env'

...
sentry: {
    dsn: 'xxx',
    config: {
      disabled: !stdEnv.dev
    }
  },
...

我认为这是一个很好的简单的解决方案，如果你对你的生产设置只有很小的区别。

最后，我可能会混合使用这两种方法。

编辑:在nuxt.config.js中导入'std-env‘的给我带来了一些生产方面的问题。目前，我使用这种平静的代码，没有任何问题：

(process.env.NODE_ENV === 'development')

这样你就不需要导入任何东西了！