ui-engine/nuxt.config.js at main · ronnidc/ui-engine · 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
import * as config from './config.js';

export default {

    srcDir: 'src/',

    generate: {
        dir: './dist/generated-prototype' + config.PREVIEW_BASE_PATH,
    },

    router: {
        base: process.env.NODE_ENV === 'production'
            ? config.PREVIEW_BASE_PATH || '/'
            : config.BASE_PATH || '/',
        linkActiveClass: 'is-active-parent',
        linkExactActiveClass: 'is-active-exact',
    },

    buildModules: [
        '@nuxtjs/style-resources'
    ],

    // The <head> of <html>
    head: {
        htmlAttrs: {
        lang: 'en',
      },
        title: process.env.npm_package_name || '',
        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' }
        ]
    },

    // Global SASS Resources - No output styles! (This is needed for recognizing sass-variables in components).
    styleResources: {
        scss: [
            './global/styles/_resources.scss' // use underscore "_" & also file extension ".scss"
        ]
    },

    // All Global Styles - to be loaded when running Nuxt.
    css: [
        '@/global/styles/global.scss',
    ],

    // Build configuration
    build: {
        // Extract CSS from the html
        // when generating a prototype output for production
        extractCSS: process.env.NODE_ENV === 'production',
        optimization: {
            splitChunks: {
                cacheGroups: {
                    styles: {
                        name: 'styles',
                        test: /\.(css|vue)$/,
                        chunks: 'all',
                        enforce: true
                    }
                }
            }
        },
        // Disable HMR messages in the browser console
        hotMiddleware: {
            client: {
                noInfo: true,
            }
        }
    }
}