更新 package.json 文件：将版本号从 1.0.7 升级到 1.0.8，新增 vite-plugin-css-injected-by-js 依赖。更新 package-lock.json 文件以反映版本变化。修改 vite.config.ts 文件，添加 CSS 自动注入插件以优化样式处理。

Author: iwangbowen

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-expression-editor",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "A powerful Vue 3 mathematical expression editor component",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -57,13 +57,12 @@
     "sass-embedded": "^1.83.4",
     "typescript": "^5.0.0",
     "vite": "^5.0.0",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^3.0.0",
     "vitest": "^1.0.0",
     "vue": "^3.3.0",
     "vue-template-compiler": "^2.7.16"
   },
-  "dependencies": {
-  },
   "overrides": {
     "vue": "^3.3.0"
   }

package.json

@@ -2,6 +2,7 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import dts from 'vite-plugin-dts'
 import { resolve } from 'path'
+import cssInjectedByJs from 'vite-plugin-css-injected-by-js' // 添加此行
 
 export default defineConfig(({ mode }) => {
   const isDemo = mode === 'demo'
@@ -10,14 +11,15 @@ export default defineConfig(({ mode }) => {
     base: '/vue-expression-editor/',
     plugins: [
       vue(),
+      !isDemo && cssInjectedByJs(), // 自动注入 CSS 组件样式
       !isDemo && dts({
         include: ['src/**/*.ts', 'src/**/*.vue'],
         copyDtsFiles: true,
       })
     ].filter(Boolean),
     build: {
       outDir: isDemo ? 'demo-dist' : 'dist',
-      cssCodeSplit: false, // 禁用 CSS 代码分割，将所有 CSS 打包到一个文件
+      cssCodeSplit: false, // 禁用 CSS 代码分割，将所有 CSS 内联
       ...(isDemo ? {
         // 演示页面构建配置
         rollupOptions: {
@@ -38,8 +40,7 @@ export default defineConfig(({ mode }) => {
             globals: {
               vue: 'Vue',
               'element-plus': 'ElementPlus'
-            },
-            assetFileNames: 'index.css' // 直接指定 CSS 文件名
+            }
           }
         }
       })