41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import { defineConfig } from "vite";
|
||
import react from "@vitejs/plugin-react";
|
||
import path from "path";
|
||
import tailwindcss from "@tailwindcss/vite";
|
||
|
||
export default defineConfig({
|
||
// d.ts 由 tsc 完成，使用专门配置 tsconfig.build.json
|
||
// 转换由 oxc 完成
|
||
// 打包由 rolldown 完成
|
||
plugins: [react(), tailwindcss()],
|
||
|
||
build: {
|
||
cssMinify: false,
|
||
lib: {
|
||
entry: path.resolve(import.meta.dirname, "src/index.ts"),
|
||
// 不写 vite 默认是 index.mjs 和 index.js，不方便识别
|
||
formats: ["es", "cjs"],
|
||
// package.json 管别人怎么使用，
|
||
// build.lib 管怎么打包，生成什么
|
||
// 如果不一致，就会报错，指向文件不存在
|
||
fileName: (format) => `index.${format}.js`,
|
||
},
|
||
rolldownOptions: {
|
||
// 避免这些被打包，peerDependencies 对 rolldown 是无效的，不会自动 external
|
||
external: ["react", "react-dom", "react/jsx-runtime"],
|
||
// 专门给 UMD / IIFE 的映射表
|
||
output: {
|
||
globals: {
|
||
react: "React",
|
||
"react-dom": "ReactDOM",
|
||
},
|
||
},
|
||
},
|
||
|
||
emptyOutDir: true, // 防止旧产物残留
|
||
sourcemap: true, // 方便调试
|
||
cssCodeSplit: false, // 合并成一个css文件
|
||
outDir: "dist", // 专管打包输出目录，tsconfig.build.json 中的 outDir 管的是 d.ts 输出目录
|
||
},
|
||
});
|