Nuxt2——构建文件

nuxt2构建文件放在nuxt.config.js，使用cjs语法，暴露配置对象

基本配置项

mode 

有spa和universal两种模式。spa没有使用到服务器渲染，但是使用路由。universal使用服务器渲染加客户端路由

mode:'universal'

head

配置html的<head></head>内容

head: {
    titleTemplate: '%s - Nuxt.js',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Meta description' }
    ]
}

 loading

页面加载时渲染的组件

css

加载全局使用到的样式文件

module

配置全局使用的模块

modules: [
    'nuxt-buefy',
    ['nuxt-buefy', { css: false, materialDesignIcons: false }],
    '@nuxtjs/router',
    '@nuxtjs/axios',
    '@nuxtjs/style-resources',
    'cookie-universal-nuxt'
],

plugins

配置全局使用的插件

plugins: [
    '@/plugins/hostProperty',
    '@/plugins/api',
],

plugins和module区别

plugins针对于Vuejs，module属于第三方库针对于Nuxt

axios

nuxt内置axios

axios: {
    proxy: true, // 是否使用代理
        credentials: true
},

proxy

配置代理，和Vite Webpack类似

build

打包配置，基于webpack，内容与webpack相近

 

posted @ 2024-01-18 11:21  Karle  阅读(91)  评论(0)  编辑  收藏  举报