happy-plants/packages/landing/nuxt.config.js at master · morkro/happy-plants · 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
import StyleLintPlugin from 'stylelint-webpack-plugin'

export default {
  mode: 'universal',

  head: {
    title: 'HappyPlants',
    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: '/icons/favicon.ico' }
    ],
    script: [
      { src: '//cdn.headwayapp.co/widget.js', defer: true }
    ]
  },

  loading: { color: '#fff' },

  css: [
    { src: '@happy-plants/styles/dist/colors.css', lang: 'postcss' },
    { src: '@/assets/variables.css', lang: 'postcss' },
    { src: '@/assets/fonts.css', lang: 'postcss' },
    { src: '@/assets/pattern.css', lang: 'postcss' }
  ],

  plugins: [
    '~/plugins/global-components',
    '~/plugins/lazy-load-directive'
  ],

  modules: [
    '@nuxtjs/pwa',
    '@nuxtjs/eslint-module',
    '@nuxtjs/dotenv',
    '@nuxtjs/google-analytics'
  ],

  env: {
    HEADWAY_ACCOUNT: process.env.HEADWAY_ACCOUNT
  },

  googleAnalytics: {
    id: process.env.GOOGLE_ANALYTICS,
    dev: false
  },

  build: {
    /*
     ** You can extend webpack config here
     */
    extend(config, ctx) {
      config.plugins.push(
        StyleLintPlugin({
          files: '**/*.vue'
        })
      )
    },

    postcss: {
      plugins: {
        'postcss-import': {},
        'postcss-url': {},
        'postcss-preset-env': {
          stage: 0,
          features: {
            calc: { preserve: true },
            'nesting-rules': true,
            'color-mod': true,
            'custom-media': true
          }
        },
        'postcss-reporter': {},
        'postcss-color-mod-function': {},
      }
    }
  }
}