Nuxt_04_配置

四、配置

Nuxt.js 默认的配置涵盖了大部分使用情形,可通过 nuxt.config.js 来覆盖默认的配置。

export default {
  mode: 'universal',
  target: 'server',
  head: {
    title: process.env.npm_package_name || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      {
        hid: 'description',
        name: 'description',
        content: process.env.npm_package_description || '',
      },
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
  },
  css: [],
  plugins: [],
  components: true,
  buildModules: [
    '@nuxtjs/eslint-module',
  ],
  modules: [],
  build: {},
}
  • build:Nuxt.js 允许你在自动生成的 vendor.bundle.js 文件中添加一些模块,以减少应用 bundle 的体积。如果你的应用依赖第三方模块,这个配置项是十分实用的。
  • css:该配置项用于定义应用的全局(所有页面均需引用的)样式文件、模块或第三方库。
  • dev:该配置项用于配置 Nuxt.js 应用是开发还是生产模式。
  • env:该配置项用于定义应用客户端和服务端的环境变量
  • generate:该配置项用于定义每个动态路由的参数,Nuxt.js 依据这些路由配置生成对应目录结构的静态文件。
  • head:该配置项用于配置应用默认的meta标签。
  • loading:该配置项用于个性化定制 Nuxt.js 使用的加载组件。
  • modules:该配置项允许您将Nuxt模块添加到项目中。
  • modulesDir:该配置项允许您定义Nuxt.js应用程序的node_modules文件夹。
  • plugins:该配置项用于配置那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。
  • rootDir:该配置项用于配置 Nuxt.js 应用的根目录。
  • router:该配置项可用于覆盖 Nuxt.js 默认的 vue-router 配置。
  • server:此选项允许您配置Nuxt.js应用程序的服务器实例变量。
  • srcDir:该配置项用于配置应用的源码目录路径。
  • dir:此选项允许您配置Nuxt.js应用程序的自定义目录。
  • transition:该配置项用于个性化配置应用过渡效果属性的默认值。

参考: https://www.nuxtjs.cn/guide/configuration

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值