nuxt-boilerplate/nuxt.config.js at master · pulsar-inc/nuxt-boilerplate · 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
const title = 'Nuxt Boilerplate'
const description = 'Nuxt Boilerplate from Pulsar'
const image = 'https://i.ibb.co/DGC57H8/pinkpeach.png'

export default {
  mode: 'universal',
  /*
  ** Headers of the page
  */
  head: {
    title,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'og:title', property: 'og:title', content: title },
      { hid: 'description', name: 'description', content: description },
      { hid: 'og:desc', property: 'og:description', content: description },
      { hid: 'og:image', property: 'og:image', content: image },
      { name: 'theme-color', content: '#ffffff' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { name: 'msapplication-TileColor', content: '#2b5797' },
      { rel: 'shortcut icon', type: 'image/png', href: '/logo.png' },
      { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Muli:wght@300;400;600;700&display=swap' },
      { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#5bbad5' },
      { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' }
    ]
  },
  /*
  ** Global CSS
  */
  css: ['@/assets/scss/global.scss'],
  styleResources: {
    scss: ['@/assets/scss/variables.scss']
  },
  /*
  ** Plugins to load before mounting the App
  */
  plugins: [],
  /*
  ** Nuxt.js dev-modules
  */
  buildModules: [
    '@nuxtjs/eslint-module'
  ],
  /*
  ** Nuxt.js modules
  */
  modules: [
    '@nuxtjs/pwa',
    '@nuxtjs/dotenv',
    '@nuxtjs/sentry',
    '@nuxtjs/apollo',
    '@nuxtjs/svg-sprite',
    '@nuxtjs/style-resources'
  ],
  /*
  ** Sentry config
  */
  sentry: {
    dsn: process.env.NODE_ENV !== 'development' ? process.env.SENTRY_DSN : null,
    config: {
      release: process.env.npm_package_name
    }
  },
  /*
  ** PWA config
  */
  pwa: {
    manifest: {
      name: 'Boilerplate',
      short_name: 'Boilerplate',
      display: 'standalone',
      theme_color: '#17171E',
      background_color: '#17171E'
    },
    icon: {
      iconSrc: '~/static/logo.png',
      iconFileName: 'logo.png'
    }
  },
  /*
  ** SVG sprite config
  */
  svgSprite: {
    input: '~/assets/svg/',
    output: '~/assets/gen'
  },
  /*
  ** Apollo config
  */
  apollo: {
    tokenName: 'token',
    authenticationType: '',
    errorHandler: '~/plugins/errorHandler.js',
    clientConfigs: {
      default: '~/plugins/apollo-config.js'
    }
  },
  /*
  ** Build configuration
  */
  build: {
    /*
    ** You can extend webpack config here
    */
    extend (config, ctx) {
    }
  }
}