feat: 打包添加类型

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kevisual/container",
-  "version": "0.0.2-alpha.1",
+  "version": "0.0.2",
   "description": "",
   "main": "dist/index.js",
   "publishConfig": {
@@ -10,12 +10,12 @@
   "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
+      "import": "./dist/container.js",
+      "require": "./dist/container.js"
     },
     "./edit": {
-      "import": "./dist/edit.js",
-      "require": "./dist/edit.js"
+      "import": "./dist/container-edit.js",
+      "require": "./dist/container-edit.js"
     },
     "./container.css": {
       "import": "./dist/container.css",
@@ -25,6 +25,7 @@
   "scripts": {
     "build": "rimraf dist && rollup -c",
     "start": "ts-node src/index.ts",
+    "build:app": "rsync dist/* ../deploy/dist",
     "watch": "rollup -c -w"
   },
   "files": [
@@ -53,6 +54,7 @@
   },
   "dependencies": {
     "nanoid": "^5.0.7",
+    "rollup-plugin-dts": "^6.1.1",
     "zustand": "^4.5.5"
   }
 }

rollup.config.js

@@ -4,13 +4,15 @@ import typescript from '@rollup/plugin-typescript';
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import copy from 'rollup-plugin-copy';
+import { dts } from 'rollup-plugin-dts';
+
 /**
  * @type {import('rollup').RollupOptions}
  */
 const config1 = {
   input: 'src/index.ts', // TypeScript 入口文件
   output: {
-    file: 'dist/index.js', // 输出文件
+    file: 'dist/container.js', // 输出文件
     format: 'es', // 输出格式设置为 ES 模块
   },
   plugins: [
@@ -19,14 +21,25 @@ const config1 = {
     typescript({
       allowImportingTsExtensions: true,
       noEmit: true,
+      declaration: false,
     }), // 使用 @rollup/plugin-typescript 处理 TypeScript 文件
+    dts(), // 生成 .d.ts 类型声明文件
+  ],
+};
+const config1Dts = {
+  input: 'src/index.ts', // TypeScript 入口文件
+  output: {
+    file: 'dist/container.d.ts', // 输出文件
+    format: 'es', // 输出格式设置为 ES 模块
+  },
+  plugins: [
+    dts(), // 生成 .d.ts 类型声明文件
   ],
 };
-
 const config2 = {
   input: 'src/edit.ts', // TypeScript 入口文件
   output: {
-    file: 'dist/edit.js', // 输出文件
+    file: 'dist/container-edit.js', // 输出文件
     format: 'es', // 输出格式设置为 ES 模块
   },
   plugins: [
@@ -35,6 +48,7 @@ const config2 = {
     typescript({
       allowImportingTsExtensions: true,
       noEmit: true,
+      declaration: false,
     }), // 使用 @rollup/plugin-typescript 处理 TypeScript 文件
     // 复制/src/container.css 到dist/container.css
     copy({
@@ -42,5 +56,14 @@ const config2 = {
     }),
   ],
 };
-
-export default [config1, config2];
+const config2Dts = {
+  input: 'src/edit.ts', // TypeScript 入口文件
+  output: {
+    file: 'dist/container-edit.d.ts', // 输出文件
+    format: 'es', // 输出格式设置为 ES 模块
+  },
+  plugins: [
+    dts(), // 生成 .d.ts 类型声明文件
+  ],
+};
+export default [config1, config2, config1Dts, config2Dts];