chore: 打包流程 css 分包

package.json

@@ -19,12 +19,12 @@
     "@eric-ui/hooks": "workspace:*",
     "@eric-ui/theme": "workspace:*",
     "@eric-ui/utils": "workspace:*",
-    "eric-ui": "workspace:*",
     "@fortawesome/fontawesome-svg-core": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/vue-fontawesome": "^3.0.6",
     "@popperjs/core": "^2.11.8",
     "async-validator": "^4.2.5",
+    "eric-ui": "workspace:*",
     "lodash-es": "^4.17.21",
     "vue": "^3.4.19"
   },
@@ -34,13 +34,13 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/tsconfig": "^0.5.1",
-    "move-file-cli": "^3.0.0",
     "npm-run-all": "^4.1.5",
     "postcss-color-mix": "^1.1.0",
     "postcss-each": "^1.1.0",
     "postcss-each-variables": "^0.3.0",
     "postcss-for": "^2.1.1",
     "postcss-nested": "^6.0.1",
+    "shelljs": "^0.8.5",
     "typescript": "^5.2.2",
     "vite": "^5.1.4",
     "vitest": "^1.4.0",

packages/core/package.json

@@ -7,7 +7,8 @@
     "dist"
   ],
   "sideEffects": [
-    "./dist/index.css"
+    "./dist/index.css",
+    "./dist/theme"
   ],
   "main": "./dist/umd/index.umd.cjs",
   "module": "./dist/es/index.js",
@@ -24,16 +25,17 @@
     }
   },
   "scripts": {
-    "build": "run-s build-only move-style",
+    "build": "run-s build-only move-themes",
     "build-only": "run-p build-es build-umd",
     "build-es": "vite build --config vite.es.config.ts",
     "build-umd": "vite build --config vite.umd.config.ts",
-    "move-style": "move-file dist/es/index.css dist/index.css"
+    "move-themes":"node ./scripts/moveThemes.js"
   },
   "keywords": [],
   "author": "EricWXY",
   "license": "ISC",
   "devDependencies": {
+    "vite-plugin-compression": "^0.5.1",
     "vite-plugin-dts": "^3.9.1"
   },
   "dependencies": {

packages/core/scripts/moveThemes.js

@@ -0,0 +1,4 @@
+import shell from 'shelljs'
+
+shell.mv('./dist/umd/index.css','./dist/index.css')
+shell.mv('./dist/es/theme', './dist' )

packages/core/vite.es.config.ts

@@ -2,6 +2,7 @@ import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import { resolve } from "path";
 import dts from "vite-plugin-dts";
+import compression from "vite-plugin-compression";
 
 const COMP_NAMES = [
   "Alert",
@@ -30,9 +31,13 @@ export default defineConfig({
       tsconfigPath: "../../tsconfig.build.json",
       outDir: "dist/types",
     }),
+    compression({
+      threshold: 1024 * 50,
+    }),
   ],
   build: {
     outDir: "dist/es",
+    cssCodeSplit: true,
     lib: {
       entry: resolve(__dirname, "./index.ts"),
       name: "EricUI",
@@ -53,6 +58,12 @@ export default defineConfig({
           if (chunkInfo.name === "style.css") {
             return "index.css";
           }
+          if (
+            chunkInfo.type === "asset" &&
+            /\.(css)$/i.test(chunkInfo.name as string)
+          ) {
+            return "theme/[name].[ext]";
+          }
           return chunkInfo.name as string;
         },
         manualChunks(id) {

packages/docs/.gitignore

@@ -0,0 +1,2 @@
+.vitepress/dist
+.vitepress/cache