nuxt.config.js常用配置分享

nuxt.config.js 是 Nuxt.js 的配置文件，它包含了许多常用的配置选项。以下是一些常用的配置选项：

1. head：用于配置页面的头部元数据，例如标题、描述、关键字等。

head: {
  title: 'My Nuxt App',
  meta: [
    { charset: 'utf-8' },
    { name: 'viewport', content: 'width=device-width, initial-scale=1' }
  ],
  link: [
    { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto' }
  ]
}

2. modules：用于配置需要使用的 Nuxt.js 模块。

modules: [
  '@nuxtjs/axios',
  '@nuxtjs/pwa',
  'nuxt-i18n'
]

3. build：用于配置构建工具和相关选项。

build: {
  babel: {
    presets: ['@babel/preset-env'],
    plugins: ['@babel/plugin-transform-runtime']
  },
  extend(config, ctx) {
    if (ctx.isDev && ctx.isClient) {
      config.module.rules.push({
        enforce: 'pre',
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        exclude: /(node_modules)/
      })
    }
  }
}

4. plugins：用于配置需要在应用程序中使用的 Vue.js 插件。

plugins: [
  '~/plugins/vue-scrollto.js',
  { src: '~/plugins/vue-carousel', mode: 'client' }
]

5. router：用于配置应用程序的路由选项。

router: {
  middleware: ['auth']
}

6. loading：用于配置 Nuxt.js 默认的加载进度条的样式。

loading: { color: 'blue', height: '5px' }

这些只是一些常见的配置选项，Nuxt.js 还有很多其他的配置选项可以根据需要进行配置。你可以查看 Nuxt.js 的文档以获取更多详细信息。