code-study-boilerplate/nuxt.config.js at main · nicwands/code-study-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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
const webpack = require('webpack')

const dotenv = require('dotenv')
dotenv.config()

const universal = {
    /*
     * Build settings
     */
    components: ['~/components'],
    build: {
        plugins: [
            new webpack.ProvidePlugin({
                _get: 'lodash/get',
            }),
        ],
        html: {
            minify: {
                minifyCSS: false,
                minifyJS: false,
            },
        },
    },

    /*
     * Global CSS
     */
    css: ['~/assets/scss/_base.scss'],

    /*
     * Env variables
     */
    env: {
        ...process.env,
    },

    /*
     * Head
     */
    head: {
        htmlAttrs: {
            lang: 'en',
        },
        title: 'Code Study',
        meta: [
            { charset: 'utf-8' },
            {
                name: 'viewport',
                content: 'width=device-width, initial-scale=1',
            },
        ],
        link: [
            { rel: 'icon', href: '/images/favicon.png' },
            { rel: 'stylesheet', href: '/fonts/fonts.css' },
        ],
    },

    /*
     * Loading bar
     */
    loading: false,

    /*
     * Build & target
     */
    target: 'static',

    /*
     * Modules
     */
    modules: [
        '@nuxtjs/style-resources',
        '@nuxtjs/component-cache',
        // '@nuxtjs/gtm',
    ],

    // gtm: {
    //     id: 'GTM-P9TGQDN',
    // },

    /*
     * Plugins
     */
    plugins: ['~/plugins/bootstrap', { src: '~/plugins/browser', ssr: false }],

    /*
     * Static Site Generation
     */
    generate: {
        fallback: true,
    },

    /*
     * Style resources
     */
    styleResources: {
        scss: ['~/assets/scss/_vars.scss'],
    },
}

/*
 * Dev-only config
 */
const dev = {
    /*
     * Webpack build options
     */
    build: {
        ...universal.build,
        analyze: false,
    },
}

/*
 * Prod-only config
 */
const prod = {
    /*
     * Server middleware
     */
    // serverMiddleware: ['redirect-ssl']
}

module.exports = {
    ...universal,
    ...(process.env.NODE_ENV === 'development' ? dev : prod),
}