更新样式文件引入和构建配置：

1. 在 index.ts 中引入基础样式文件。
2. 在 vite.config.ts 中启用 CSS 代码分割，并自定义样式文件名。
-------------------------
[deploy]

Author: iwangbowen

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-expression-editor",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A powerful Vue 3 mathematical expression editor component",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

src/index.ts

@@ -1,5 +1,11 @@
 import { App } from 'vue'
 import ExpressionEditor from './components/ExpressionEditor.vue'
+// 引入基础样式
+import './components/styles/base.scss'
+import './components/styles/buttons.scss'
+import './components/styles/input.scss'
+import './components/styles/layout.scss'
+import './components/styles/theme.scss'
 
 const install = (app: App) => {
   app.component('ExpressionEditor', ExpressionEditor)

vite.config.ts

@@ -16,6 +16,7 @@ export default defineConfig(({ mode }) => {
     ].filter(Boolean),
     build: {
       outDir: isDemo ? 'demo-dist' : 'dist',
+      cssCodeSplit: true, // 确保 CSS 代码分割
       ...(isDemo ? {
         // 演示页面构建配置
         rollupOptions: {
@@ -36,6 +37,10 @@ export default defineConfig(({ mode }) => {
             globals: {
               vue: 'Vue',
               'element-plus': 'ElementPlus'
+            },
+            assetFileNames: (assetInfo) => {
+              if (assetInfo.name === 'style.css') return 'index.css';
+              return assetInfo.name;
             }
           }
         }