使用 nuxt 开发网站 之 nuxt.config.js

export default {
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: 'website',
    target: process.env.NODE_ENV !== 'production'?'static':'server',
    htmlAttrs: {
      lang: 'en'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0' },
      { hid: 'keywords', name: 'keywords', content: '' },
      { hid: 'description', name: 'description', content: '' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  router:{
    base: "/", //此为根目录，如果有具体目录需求按实际情况写
    middleware: 'i18n'
  }, 
  loading: { color: "#FE5800" },
  // Global CSS: https://go.nuxtjs.dev/config-css
  css: [
    "~/assets/css/app"
  ],

  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [
    { src: '~/plugins/i18n', ssr: true },
    { src: '~/plugins/axios', ssr: true },
    { src: '~/plugins/axios-api-plugin', ssr: true },
    { src: '~/plugins/vue-awesome-swiper', ssr: false },
    { src: '~/plugins/toast', ssr: false }
  ],
  // generate: { // 生成静态页
  //   routes: ['/','/zh',/]
  // },
  // Auto import components: https://go.nuxtjs.dev/config-components
  components: true,

  // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
  buildModules: [
  ],
  // Modules: https://go.nuxtjs.dev/config-modules
  modules: [
    // https://go.nuxtjs.dev/bootstrap
    'bootstrap-vue/nuxt',
    '@nuxtjs/axios',
    '@nuxtjs/proxy',
    '@nuxtjs/component-cache',
    [
      '@nuxtjs/component-cache',
      {
        max: 10000, // 最大缓存数量
        maxAge: 1000 * 60 * 60  // 缓存过期时间(ms)，缓存1小时
      }
    ]
  ],
  bootstrapVue: {
    components: ['BContainer', 
      'BNavbar', 
      'BNav',
      'BNavbarBrand',
      'BNavbarToggle',
      'BCollapse',
      'BNavbarNav',
      'BNavItem',
      'BRow',
      'BCol',
      'BNavForm',
      'BForm',
      'BFormGroup',
      'BFormTextarea',
      'BFormSelect',
      'BFormInput',
      'BFormInvalidFeedback',
      'BButton',
      'BNavItemDropdown',
      'BDropdownItem',
      'BCard',
      'BImg',
      'BImgLazy',
      'BOverlay',
      'BLink',
      'BPopover',
      'BCarousel',
      'BCarouselSlide',
      'BEmbed',
      'BPaginationNav',
      'BIconSearch',
      'BIconGlobe',
      'BIconTelephoneFill',
      'BIconEnvelope',
      'BIconPencilSquare',
      'BIconPlayCircle',
      'BIconPauseCircle',
      'BIconXCircle',
      'BIconInfoCircle',
      'BIconEyeFill',
      'BIconX',
      'BIconGeoAltFill'
    ],
    directives:['VBPopover','VBToggle'],
    //引入icon
    // icons: false,
    // 自定义样式,以下两属性设置false
    bootstrapCSS: false,
    bootstrapVueCSS: false
  },

  // Build Configuration: https://go.nuxtjs.dev/config-build
  build: {
    transpile: [/^bootstrap-vue/],
    // analyze: true,     // 开启打包分析
    productionSourceMap: false,
    productionGzip: true,
    productionGzipExtensions: ['js', 'css', 'svg'],
    postcss: {
      preset: {
        autoprefixer: {
          grid: true
        }
      }
    },
    /**
     * 图片 进行 url 的打包
     */
    loader:[
      {
        test:/.(png|jpg|gif|svg)$/,
        loader:"url-loader",
        query:{
          limit:10000,
          name:"img/[name].[hash].[ext]"
        }
      }
    ],
    extend(config, ctx) {
      config.module.rules.push({
        test: /.(ogg|mp3|mp4|wav|mpe?g)$/i,
        loader: 'file-loader',
        options: {
          name: '[path][name].[ext]'
        }
      });
      
    },
    // plugins: [
    //   new CompressionWebpackPlugin({
    //         algorithm: 'gzip',
    //         test: /.(js|css|html)$/,
    //         threshold: 10240,
    //         minRatio: 0.8
    //     })
    // ]
  },
  // 发起跨域资源请求
  // axios: {
  //   baseURL: 'http://debug.globalyadea.com',
  //   credentials: true,
  //   proxy: process.env.NODE_ENV !== 'production'?true:false
  // },
  // proxy: {
  //   '/api': {
  //     target: 'http://debug.globalyadea.com',
  //     changeOrigin: true,
  //     pathRewrite: {
  //       '^/api' : '/'
  //     }
  //   }
  // }
}