nuxt.config.js只在开发模式下构建模块？

Question

源代码：github.com/alexpilugin/ap-nuxt-firebase-ssr下一个问题:这个Nuxt应用程序使用相同的github.com/alexpilugin/ap-nuxt-firebase-ssr文件，该文件位于/src文件夹中，在部署前将复制到服务器文件夹中。

nuxt.config.js包含一个下一个构建模块，它在服务器上创建一个问题(在ssrapp firebase函数中)

buildModules: [
  // https://go.nuxtjs.dev/eslint
  '@nuxtjs/eslint-module'
],

我的问题是如何使用单个@nuxtjs/eslint文件，但在生产中不使用nuxt.config.js？

​

我发现可以像这样在nuxt.config.js文件中定义dev模式：

dev: process.env.NODE_ENV !== 'production'，但是如何将它与buildModules一起使用，以便与条件一起使用呢？

从文件中删除@nuxtjs/eslint模块

Answer 1

我认为您可以编写一个javascript函数，返回相关的基于环境的模块(dev或prod)。

// moduleBuilder.js

 const getModulesByEnvironment = () => {
 const env = process.env.NODE_ENV;

 if (env === 'production') {
   return [
     ...
     'brilliant_prod_module',
     ...

   ];
 } 
 else {
  return [
    ...
    'brilliant_dev_module',
    ...
   ]
 } 
 };

export { getModulesByEnvironment };

// nuxt.config.js

import { getModulesByEnvironment } from './moduleBuilder';

...
buildModules: getModulesByEnvironment()
...

Answer 2

可以使用数组和对象析构以及process.env.NODE_ENV比较，如下所示：

nuxt.config.js

const isProduction = process.env.NODE_ENV === 'production'

export default defineNuxtConfig({
    modules: [
        ...(isProduction ? ['nuxt-bugsnag'] : []),
        '@nuxtjs/tailwindcss',
        '@vueuse/nuxt',
    ],

    ...(
        isProduction
            ? {
                bugsnag: {
                    config: {
                        apiKey: '',
                        enabledReleaseStages: ['staging', 'production'],
                    }
                }
            }
            : {}
    ),
})