vue-cli3_skleton/vue.config.js at master · yangfan-coder/vue-cli3_skleton · 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
const path = require('path')
const { SkeletonPlugin } = require('page-skeleton-webpack-plugin')
module.exports = {
  configureWebpack: {
    plugins: [
      new SkeletonPlugin({
        pathname: path.resolve(__dirname,'./shell'),
        staticDir: path.resolve(__dirname, './dist'),
        routes: ['/', '/about'],
        port: '8989',
          text: {
            color: '#EEEEEE',
          },
          image: {
            shape: 'rect', // `rect` | `circle`
            color: '#EFEFEF',
            shapeOpposite: []
          },
          button: {
            color: 'red',
            excludes: []
          },
          svg: {
            color: '#EFEFEF',
            shape: 'circle', // circle | rect
            shapeOpposite: []
          },
          pseudo: {
            color: '#EFEFEF', // or transparent
            shape: 'circle' // circle | rect
          },
          device: 'iPhone 8 Plus',
          debug: false,
          minify: {
            minifyCSS: {
              level: 2
            },
            removeComments: true,
            removeAttributeQuotes: true,
            removeEmptyAttributes: false
          },
          defer: 5000,
          excludes: [],
          remove: [],
          hide: [],
          grayBlock: [],
          cookies: [],
          cssUnit: 'vw',
          decimal: 4,
          logLevel: 'info',
          quiet: false,
          noInfo: false,
          logTime: true
      })
    ]
  },
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].minify = false
        return args
      })
  }
}