四、配置
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