coolriver-site/nuxt.config.js at master · coolriver/coolriver-site · 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
86
87
var siteConf = require('./config/site');

var ssrHost = process.env.NODE_ENV === 'production' ?
  `${siteConf.prod.protocal}://${siteConf.prod.host}` :
  `${siteConf.dev.protocal}://${siteConf.dev.host}:${siteConf.dev.port}`;

console.log(ssrHost);

module.exports = {
  head: {
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'coolriver的个人博客站点' },
      { hid: 'keywords', name: 'keywords', content: 'coolriver,前端,博客' },
      { hid: 'shareimg', itemprop: 'image', content: 'https://coolriver.net.cn/avatar.jpg' },
    ],
    link: [
      {
        rel: 'icon',
        type: 'image/x-icon',
        href: '/favicon.ico',
      },
    ],
    script: [
      {
        src: 'https://hm.baidu.com/hm.js?406ea27bfbb3000b689c8ab5f17ebb86',
        async: 'async'
      }
    ],
    title: 'coolriver的空间',
  },
  build: {
    extend: function (config) {
      const imageLoaderConf = config.module.rules.find(function (item) {
        return item.test.toString().indexOf('|svg') >= 0;
      });

      const vueLoader = config.module.rules.find((rule) => rule.loader === 'vue-loader');
      vueLoader.options.loaders.sass = 'vue-style-loader!css-loader!sass-loader';

      imageLoaderConf.test = /\.(png|jpe?g|gif)$/;

      config.module.rules = [
        {
          test: /\.md$/,
          loaders: ['raw-loader', 'markdown-code-highlight-loader']
        },
        {
          test: /\.svg$/,
          loader: 'svg-url-loader',
          options: {
            limit: 1000
          }
        },
        {
          test: /api-config\.js$/,
          loader: 'string-replace-loader',
          query: {
            search: '__HOST_PLACE_HOLDER__',
            replace: ssrHost,
          }
        }
      ].concat(config.module.rules);
    }
  },
  css: [
    'vuetify/dist/vuetify.css',
    '~assets/css/common.css',
    'mdi/css/materialdesignicons.css',
    'highlight.js/styles/atom-one-dark.css',
    'github-markdown-css/github-markdown.css'
  ],
  plugins: [
    '~plugins/vue-vuetify',
    {
      src: '~plugins/busuanzi',
      ssr: false
    },
    {
      src: '~plugins/baidutongji',
      ssr: false
    },
    '~plugins/filter',
  ],
  vendor: ['axios']
};