core/vite.config.js at master · biigle/core · 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
import externalize from "vite-plugin-externalize-dependencies";
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
import { defineConfig } from 'vite';
import { viteStaticCopy } from 'vite-plugin-static-copy';

export default defineConfig({
    plugins: [
        // This is required to exclude vue in the dev server bundle. Instead, it should
        // use the statically copied external bundle below. See rollupOptions for
        // explanation.
        externalize({externals: ['vue']}),
        viteStaticCopy({
            targets: [
                {
                    src: [
                        'node_modules/vue/dist/vue.esm-browser.js',
                        'node_modules/vue/dist/vue.esm-browser.prod.js',
                    ],
                    dest: '',
                },
            ],
        }),
        laravel([
            'resources/assets/sass/main.scss',
            'resources/assets/js/main.js',
        ]),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
                compilerOptions: {
                    whitespace: 'preserve',
                },
            },
        }),
    ],
    css: {
        preprocessorOptions: {
            scss: {
                // Silence deprecations by Boostrap and Fontawesome
                silenceDeprecations: [
                    'import',
                    'mixed-decls',
                    'color-functions',
                    'global-builtin',
                    'slash-div',
                ],
            },
        },
    },
    resolve: {
        alias: {
            '@': '/resources/assets/js',
            '@images': '/resources/assets/images',
        },
    },
    server: {
        watch: {
            ignored: [
                '**/storage/**',
                '**/vendor/**',
            ],
        },
    },
    build: {
        rolldownOptions: {
            // In production, Vue is loaded as an importmap in app.blade.php.
            // This is done so BIIGLE modules can reuse the same Vue version and
            // instance. Otherwise, there will be issues e.g. with template compiling.
            external: ['vue'],
        },
    },
    optimizeDeps: {
        exclude: ["onnxruntime-web"],
    },
});