• NuxtJS项目——配置


      Nuxt.js 默认的配置涵盖了大部分使用情形,可通过 nuxt.config.js 来覆盖默认的配置,下面介绍一下nuxt.config.js文件中相关配置项。

      (1)build

      Nuxt.js 允许你在自动生成的 vendor.bundle.js 文件中添加一些模块,以减少应用 bundle 的体积。

      (2)css

      该配置项用于定义应用的全局(所有页面均需引用的)样式文件、模块或第三方库。

      (3)dev

      该配置项用于配置 Nuxt.js 应用是开发还是生产模式。

      (4)env

      该配置项用于定义应用客户端和服务端的环境变量。

      (5)generate

      该配置项用于定义每个动态路由的参数,Nuxt.js 依据这些路由配置生成对应目录结构的静态文件。

      (6)head

      该配置项用于配置应用默认的meta标签。

      (7)loading

      该配置项用于个性化定制 Nuxt.js 使用的加载组件。

      (8)plugins

      该配置项用于配置那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。

      (9)modules

      该配置项允许您将Nuxt模块添加到项目中。

      (10)axios

      该配置项用于Axios模块的配置。

      (11)buildModules

      该配置项用来开发过程中需要的模块。

      (12)mode

      该配置项表明应用的渲染方式,值为universal(SRR)和single page application(SPA)。

      (13)modulesDir

      该配置项允许您定义Nuxt.js应用程序的node_modules文件夹。

      (14)rootDir

      该配置项用于配置 Nuxt.js 应用的根目录。

      (15)srcDir

      该配置项用于配置应用的源码目录路径。

      (16)dir

      此选项允许您配置Nuxt.js应用程序的自定义目录。

      (17)router

      该配置项可用于覆盖 Nuxt.js 默认的 vue-router 配置。

      (18)server

      此选项允许您配置Nuxt.js应用程序的服务器实例变量。

      (19)transition

      该配置项用于个性化配置应用过渡效果属性的默认值。

      

  • 相关阅读:
    直击美国大选,特朗普担心黑客?郭盛华这样回应
    30岁郭盛华近照曝光,容貌大变判若两人,经历了什么?
    美选举日,科技股飙升,原因是什么?
    索尼收购了TikTok?事实真是这样吗?
    腾讯手游《王者荣耀》创下每日1亿用户记录
    东方联盟创始人郭盛华十大励志名言
    抛弃谷歌!苹果研发自己的搜索引擎技术
    vivo 悟空活动中台
    Android 加载图片占用内存分析
    Linux Page Cache调优在Kafka中的应用
  • 原文地址:https://www.cnblogs.com/bien94/p/12579178.html
Copyright © 2020-2023  润新知