-
Notifications
You must be signed in to change notification settings - Fork 358
/
vite.config.ts
64 lines (61 loc) · 1.77 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
import { defineConfig } from "vite";
import { viteStaticCopy } from "vite-plugin-static-copy";
import packageJson from "./package.json";
import path from "path";
const packageName = packageJson.name;
const entryFileName = packageJson.entryFileName;
const getPackageNameCamelCase = () => {
try {
return packageName
.split("-")
.map((word) => {
return word.length > 0 ? word[0].toUpperCase() + word.slice(1) : word;
})
.join("");
} catch (err) {
throw new Error("Name property in package.json is missing.");
}
};
const fileName = {
es: `${packageName}.es.js`,
umd: `${packageName}.umd.js`,
iife: `${packageName}.iife.js`
};
export default defineConfig({
build: {
outDir: "dist",
minify: true,
cssCodeSplit: false,
lib: {
entry: path.resolve(__dirname, `src/${entryFileName}`),
name: getPackageNameCamelCase(),
formats: ["es", "umd", "iife"],
fileName: (format) => fileName[format]
},
rollupOptions: {
external: [/\.less/] // 忽略打包文件, 另做处理
}
},
plugins: [
{
// 把js文件里的 .less换成.css
name: "style",
generateBundle(config, bundle) {
// 这里可以获取打包后的文件目录以及代码code
const keys = Object.keys(bundle);
for (const key of keys) {
const bundler: any = bundle[key as any];
// rollup内置方法,将所有输出文件code中的.less换成.css,因为我们当时没有打包less文件
this.emitFile({
type: "asset",
fileName: key, // 文件名名不变
source: bundler.code.replace(/\.less/g, ".css")
});
}
}
},
viteStaticCopy({
targets: [{ src: "src/style/demo.css", dest: "style" }]
})
]
});