generated from antfu-collective/vitesse-webext
-
Notifications
You must be signed in to change notification settings - Fork 1
/
vite.config.ts
80 lines (76 loc) · 1.97 KB
/
vite.config.ts
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
import { dirname, relative } from 'path'
import { defineConfig, UserConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import { r, port, isDev } from './scripts/utils'
import react from '@vitejs/plugin-react'
import viteSvgIcons from 'vite-plugin-svg-icons'
export const sharedConfig: UserConfig = {
root: r('src'),
resolve: {
alias: {
'~/': `${r('src')}/`
}
},
define: {
__DEV__: isDev,
'process.env': {}
},
plugins: [
// React fast refresh doesn't work, cause injecting of preambleCode into index.html
// TODO: fix it
react({ fastRefresh: false }),
AutoImport({
imports: [
{
'webextension-polyfill': [['default', 'browser']]
}
],
dts: r('src/auto-imports.d.ts')
}),
// 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')}/`)
}
},
viteSvgIcons({
// Specify the icon folder to be cached
iconDirs: [r(process.cwd(), 'src/icons')],
// Specify symbolId format
symbolId: 'icon-[name]'
})
],
optimizeDeps: {
include: ['webextension-polyfill']
}
}
export default defineConfig(({ command }) => ({
...sharedConfig,
base: command === 'serve' ? `http://localhost:${port}/` : '/dist/',
server: {
port,
hmr: {
host: 'localhost'
}
},
build: {
outDir: r('extension/dist'),
emptyOutDir: false,
sourcemap: isDev ? 'inline' : false,
// https://developer.chrome.com/docs/webstore/program_policies/#:~:text=Code%20Readability%20Requirements
terserOptions: {
mangle: false
},
rollupOptions: {
input: {
background: r('src/background/index.html'),
options: r('src/options/index.html'),
popup: r('src/popup/index.html')
}
}
},
plugins: [...sharedConfig.plugins!]
}))