nuxt-blog/nuxt.config.js at master · by05021/nuxt-blog · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
const env = require('./env')
export default {
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: 'Plumemo',
    htmlAttrs: {
      lang: 'en'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '此处是网站描述' },
      { hid: 'keywords', name: 'keywords', content: '此处是网站关键词' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/sakura.svg' },
      { rel: 'stylesheet', href: '//at.alicdn.com/t/font_1569838_jvrdyorwtit.css' }
    ]
  },

  // Global CSS: https://go.nuxtjs.dev/config-css
  css: [
    'assets/css/base.less'
  ],

  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [
    '@/plugins/antd-ui',
    '@/plugins/router',
    '@/plugins/axios'
  ],

  // 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/axios
    '@nuxtjs/axios',
  ],
  loading: {
    color: '#fe9600',
  },
  // Axios module configuration: https://go.nuxtjs.dev/config-axios
  axios: {
    proxy: true
  },
  proxy: {
    '/api/': {
      target: env[process.env.MODE].ENV_API,
      secure: false,
      changeOrigin: true,
    },
  },
  // Build Configuration: https://go.nuxtjs.dev/config-build
  build: {
    // ... 省略其他配置
    transpile: ['ant-design-vue'],
    babel: {
      plugins: [
        ['import', {
          libraryName: 'ant-design-vue',
          libraryDirectory: 'lib', // 默认'lib'，也可视情况改为 'es'，通过查看组件可知这两个目录均存在。
          style: true,  // true 代表使用less, 若使用css文件，可设置为 'css'
        },
          "ant-design-vue"]
      ]
    },
    // style: true时才需要，如果上面 style:'css'，则不需要该处的 loaders 配置
    loaders: {
      less: {
        lessOptions: {
          modifyVars: {
            'primary-color': '#fe9600',
          },
          javascriptEnabled: true
        }
      }
    }
  }
}