generated from antfu-collective/vitesse-webext
-
Notifications
You must be signed in to change notification settings - Fork 0
/
vite.config.ts
109 lines (100 loc) · 2.98 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
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
import { dirname, relative } from "node:path";
import type { UserConfig } from "vite";
import { defineConfig } from "vite";
import Vue from "@vitejs/plugin-vue";
import Icons from "unplugin-icons/vite";
import IconsResolver from "unplugin-icons/resolver";
import { FileSystemIconLoader } from "unplugin-icons/loaders";
import Components from "unplugin-vue-components/vite";
import AutoImport from "unplugin-auto-import/vite";
import UnoCSS from "unocss/vite";
import { isDev, port, r } from "./scripts/utils";
import packageJson from "./package.json";
export const sharedConfig: UserConfig = {
root: r("src"),
resolve: {
alias: {
"~/": `${r("src")}/`,
},
},
define: {
__DEV__: isDev,
__NAME__: JSON.stringify(packageJson.name),
},
plugins: [
Vue(),
AutoImport({
imports: [
"vue",
{
"webextension-polyfill": [["*", "browser"]],
},
],
dts: r("src/auto-imports.d.ts"),
}),
// https://github.com/antfu/unplugin-vue-components
Components({
dirs: [r("src/components")],
// generate `components.d.ts` for ts support with Volar
dts: r("src/components.d.ts"),
resolvers: [
// auto import icons
IconsResolver({
prefix: "",
}),
],
}),
// https://github.com/antfu/unplugin-icons
Icons({
customCollections: {
logos: FileSystemIconLoader("./extension/assets"),
},
}),
// https://github.com/unocss/unocss
UnoCSS(),
// 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", "@vueuse/core", "webextension-polyfill"],
exclude: ["vue-demi"],
},
};
export default defineConfig(({ command }) => ({
...sharedConfig,
base: command === "serve" ? `http://localhost:${port}/` : "/dist/",
server: {
port,
hmr: {
host: "localhost",
},
},
build: {
watch: isDev ? {} : undefined,
outDir: r("extension/dist"),
emptyOutDir: false,
sourcemap: isDev ? "inline" : false,
minify: "esbuild",
// https://developer.chrome.com/docs/webstore/program_policies/#:~:text=Code%20Readability%20Requirements
terserOptions: {
mangle: false,
},
rollupOptions: {
input: {
options: r("src/options/index.html"),
popup: r("src/popup/index.html"),
},
},
},
test: {
globals: true,
environment: "jsdom",
},
}));