Tusk/vite.config.mts at main · subdavis/Tusk · 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 path, { dirname, relative } from 'node:path';
import type { UserConfig } from 'vite';
import { defineConfig } from 'vite';
import Vue from '@vitejs/plugin-vue';
import wasm from 'vite-plugin-wasm';

import { isDev, isLocal, port, r } from './scripts/utils';
import packageJson from './package.json';

export const sharedConfig: UserConfig = {
  root: r('src'),
  resolve: {
    alias: {
      vue: '@vue/compat',
      '@': `${r('src')}/`,
      $services: `${r('services')}/`,
      '@materialize': path.resolve(__dirname, 'node_modules/@materializecss/materialize/sass'),
    },
  },
  define: {
    __DEV__: isDev,
    __LOCAL__: isLocal,
    __NAME__: JSON.stringify(packageJson.name),
  },
  plugins: [
    Vue({
      template: {
        compilerOptions: {
          compatConfig: {
            MODE: 2,
          },
        },
      },
    }),
    wasm(),
    // rewrite assets to use relative path
    {
      name: 'assets-rewrite',
      enforce: 'post',
      apply: 'build',
      transformIndexHtml(html, { path }) {
        return html.replace(/"\/assets\//g, `"${relative(dirname(path), '/assets')}/`);
      },
    },
  ],
  optimizeDeps: {
    include: [
      'vue',
      // 'webextension-polyfill',
    ],
    exclude: [
      // 'vue-demi',
    ],
  },
  css: {
    preprocessorOptions: {
      scss: {
        quietDeps: true,
        silenceDeprecations: ['legacy-js-api', 'import'],
      },
    },
  },
};

export default defineConfig(({ command }) => ({
  ...sharedConfig,
  base: command === 'serve' ? `http://localhost:${port}/` : '/dist/',
  publicDir: r('public'),
  server: {
    port,
    hmr: {
      host: 'localhost',
    },
    origin: `http://localhost:${port}`,
  },
  build: {
    watch: isDev ? {} : undefined,
    outDir: r('extension/dist'),
    emptyOutDir: false,
    minify: false,
    sourcemap: isDev ? 'inline' : false,
    rollupOptions: {
      input: {
        options: r('src/options.html'),
        popup: r('src/popup.html'),
      },
    },
  },
  test: {
    globals: true,
    environment: 'jsdom',
  },
}));