chore: 引入 semi

crazyurus · Aug 17, 2024 · 5bd37ce · 5bd37ce
1 parent 2ffbedf
commit 5bd37ce
Show file tree

Hide file tree

Showing 4 changed files with 1,568 additions and 3 deletions.
diff --git a/modern.config.ts b/modern.config.ts
@@ -3,6 +3,7 @@ import { bffPlugin } from '@modern-js/plugin-bff';
 import { koaPlugin } from '@modern-js/plugin-koa';
 import { polyfillPlugin } from '@modern-js/plugin-polyfill';
 import { tailwindcssPlugin } from '@modern-js/plugin-tailwindcss';
+import { SemiRspackPlugin } from '@douyinfe/semi-rspack-plugin';
 
 // https://modernjs.dev/en/configure/app/usage
 export default defineConfig({
@@ -18,4 +19,13 @@ export default defineConfig({
     polyfillPlugin(),
     tailwindcssPlugin(),
   ],
+  tools: {
+    rspack(config, context) {
+      context.appendPlugins([
+        new SemiRspackPlugin({
+          cssLayer: true,
+        }),
+      ]);
+    },
+  },
 });
diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     "dist/"
   ],
   "dependencies": {
+    "@douyinfe/semi-ui": "^2.64.0",
     "@modern-js/plugin-bff": "^2.58.1",
     "@modern-js/plugin-koa": "^2.58.1",
     "@modern-js/plugin-polyfill": "2.58.1",
@@ -36,12 +37,13 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@douyinfe/semi-rspack-plugin": "^2.64.0",
+    "@modern-js-app/eslint-config": "^2.58.1",
     "@modern-js/app-tools": "^2.58.1",
     "@modern-js/eslint-config": "^2.58.1",
     "@modern-js/tsconfig": "^2.58.1",
-    "@modern-js-app/eslint-config": "^2.58.1",
-    "@types/koa": "^2.15.0",
     "@types/jest": "^29.5.12",
+    "@types/koa": "^2.15.0",
     "@types/node": "^22.4.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",