ecommerce-netlify/nuxt.config.js at master · Nesters/ecommerce-netlify · 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
import data from './static/shopifydata.json'

const dynamicRoutes = async () => {
  return new Promise(resolve => {
    const routes = [];
    routes.push(...data.products.map(el => `products/${el.handle}`))
    routes.push(...data.collections.map(el => `collections/${el.handle}`))
    resolve(routes)
  })
}

export default {
  mode: 'universal',
  /*
   ** Headers of the page
   */
  head: {
    htmlAttrs: {
      lang: 'en'
    },
    title: process.env.npm_package_name || '',
    script: [{ src: 'https://sdks.shopifycdn.com/js-buy-sdk/v2/latest/index.umd.min.js' }],
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },

      {
        hid: 'description',
        name: 'description',
        content: process.env.npm_package_description || ''
      }
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
    link: [
      {
        rel: 'stylesheet',
        href:
          'https://fonts.googleapis.com/css?family=Montserrat:300,600|PT+Serif&display=block',
      }
    ]
  },
  generate: {
    routes: dynamicRoutes
  },
  env: process.env.NODE_ENV === 'development'
    ? require('dotenv').config().parsed : {
      storeUrl: process.env.storeUrl,
      storefrontAccessToken: process.env.storefrontAccessToken
    },
  /*
   ** Customize the progress-bar color
   */
  loading: { color: '#fff' },
  /*
   ** Global CSS
   */
  css: ['normalize.css', { src: '~/assets/main.scss', lang: 'sass' }],
  /*
   ** Plugins to load before mounting the App
   */
  plugins: [
    '~/plugins/currency-filter.js',
    '~/plugins/image-resize-cdn.js',
    { src: '~/plugins/shopifyClient.js', mode: 'client' }
  ],
  /*
   ** Nuxt.js modules
   */
  modules: [
    [
      'nuxt-netlify-http2-server-push',
      {
        resources: [
          { path: '**/*.js', as: 'script' },
        ]
      }
    ],
    [
      '@nuxtjs/google-analytics', {
        id: process.env.trackingId
      }
    ]
  ],
  /*
   ** Build configuration
   */
  build: {
    /*
     ** You can extend webpack config here
     */
    extend(config, ctx) {}
  }
}