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
該配置項用於個性化配置應用過渡效果屬性的默認值。