✨ feat: 增加 playground

zzxming · Jun 14, 2024 · e34be37 · e34be37
2 parents 05c021d + 435be17
commit e34be37
Show file tree

Hide file tree

Showing 16 changed files with 344 additions and 3,922 deletions.
diff --git a/internal/build/package.json b/internal/build/package.json
@@ -5,7 +5,7 @@
         "build": "pnpm build:component && pnpm build:full && pnpm build:theme && pnpm copy:package",
         "build:full": "vite build --config vite.full.config.ts",
         "build:theme": "pnpm -C ../../packages/theme build",
-        "build:component": "vite build --config vite.config.ts",
+        "build:component": "vite build --config vite.config.ts --emptyOutDir",
         "copy:package": "gulp --require @esbuild-kit/cjs-loader"
     },
     "devDependencies": {

diff --git a/internal/build/vite.config.ts b/internal/build/vite.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig, type Plugin } from 'vite';
+import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 import dts from 'vite-plugin-dts';
@@ -44,7 +44,7 @@ export default defineConfig({
     plugins: [
         vue(),
         vueJsx(),
-        commonjs() as Plugin,
+        commonjs(),
         esbuild({
             target: 'chrome64',
             loaders: {

diff --git a/internal/build/vite.full.config.ts b/internal/build/vite.full.config.ts
@@ -1,35 +1,43 @@
-import { defineConfig, type Plugin } from 'vite';
+import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 import { resolve } from 'path';
 import commonjs from '@rollup/plugin-commonjs';
 import esbuild from 'rollup-plugin-esbuild';
-import { buildOutput, cdxPackage, rollupExternalFromPackage, cdxRoot } from '@cdx-component/build-utils';
+import {
+    buildOutput,
+    cdxPackage,
+    rollupExternalFromPackage,
+    cdxRoot,
+    buildRoot,
+    pkgRoot,
+} from '@cdx-component/build-utils';
+import dts from 'vite-plugin-dts';
 
 export default defineConfig({
     plugins: [
         vue(),
         vueJsx(),
-        commonjs() as Plugin,
+        commonjs(),
         esbuild({
             target: 'chrome64',
             loaders: {
                 '.vue': 'js',
             },
         }),
+        dts({
+            entryRoot: pkgRoot,
+            outDir: buildOutput,
+            tsconfigPath: resolve(buildRoot, 'tsconfig.json'),
+            rollupTypes: true,
+        }),
     ],
     build: {
         sourcemap: true,
         minify: false,
         rollupOptions: {
             input: resolve(cdxRoot, 'index.ts'),
-            external: rollupExternalFromPackage(
-                cdxPackage,
-                (id: string) => {
-                    return /css$/.test(id);
-                },
-                { full: true },
-            ),
+            external: rollupExternalFromPackage(cdxPackage, (id: string) => /css$/.test(id), { full: true }),
             treeshake: false,
             preserveEntrySignatures: 'allow-extension',
             output: [

diff --git a/playground/public/cdx-component/index.css b/playground/public/cdx-component/index.css