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

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

  

上一篇:Docker 部署 Nuxt.js 项目


下一篇:nuxt + ts +vue简单后台项目,记录一些在做的过程中遇到的问题。