-
Notifications
You must be signed in to change notification settings - Fork 4
/
vite.config.ts
67 lines (57 loc) · 1.73 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
/// <reference types="vitest" />
import { URL, fileURLToPath } from "node:url";
import { type UserConfig, defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import vueDevtools from "vite-plugin-vue-devtools";
import dts from "vite-plugin-dts";
import cssInject from "vite-plugin-css-injected-by-js";
const resolve = (path: string) => fileURLToPath(new URL(path, import.meta.url));
// https://vitejs.dev/config/
export default defineConfig((configEnv) => {
// Default config shared config by all modes.
const config: UserConfig = {
plugins: [vue()],
resolve: { alias: { "@": resolve("./src") } },
};
// When running vitest, add the test config.
if (configEnv.mode === "test") {
config.test = {
environment: "happy-dom",
coverage: {
provider: "v8",
include: ["src/**/*.vue", "src/**/*.ts"],
},
};
}
// Build library when in production mode (npm run build).
if (configEnv.mode === "production") {
return {
...config,
plugins: [
...config.plugins!,
cssInject(),
dts({ tsconfigPath: "tsconfig.build.json", cleanVueFileName: true }),
],
build: {
target: "es2015",
lib: {
name: "vue3-select-component",
entry: resolve("./src/index.ts"),
formats: ["es", "umd"],
fileName: (format) => `index.${format}.js`,
},
rollupOptions: {
external: ["vue"],
output: { globals: { vue: "Vue" } },
},
},
};
}
if (["development", "development:playground"].includes(configEnv.mode)) {
config.plugins!.push(vueDevtools());
}
if (configEnv.mode.includes("playground")) {
config.root = resolve("./playground");
}
return config;
});