fix(CSS): 修复UI组件CSS类为空的问题

- 库模式默认JS与CSS独立,引入插件合并
- 修改variables文件名为_variables
- 删除所有scoped,更遵循库开发规范

BREAKING CHANGES: 2.0.0->2.1.0
This commit is contained in:
tobegold574
2025-11-17 13:37:35 +08:00
parent 3473009b28
commit 5e395ccae4
23 changed files with 66 additions and 26 deletions

View File

@@ -1,11 +1,13 @@
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
import { fileURLToPath, URL } from 'node:url'
export default defineConfig({
// 插件数组
plugins: [vue()],
// 路径别名
plugins: [
vue(),
cssInjectedByJsPlugin()
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
@@ -13,17 +15,15 @@ export default defineConfig({
}
},
build: {
// 构建为库模式
lib: {
entry: fileURLToPath(new URL('./src/index.ts', import.meta.url)),
name: 'knowaiUi',
fileName: (format) => `knowai-ui.${format}.js`
},
// 输出目录
outDir: 'dist/client',
emptyOutDir: false,
cssCodeSplit: false, // 插件模式下可以关闭拆分
rollupOptions: {
// 不打包进库
external: ['vue'],
output: {
globals: {
@@ -32,4 +32,4 @@ export default defineConfig({
}
}
}
})
})