build(plugin-datasource-pane): 重构构建配置并迁移至 Vite

zboMa · zboMa · commit a4b366ba253d · 2025-01-07T00:29:02.000+08:00
- 移除原有的 build.js 配置文件
- 新增 vite.config.ts 配置文件
- 更新 package.json 中的构建脚本
- 调整项目结构，将打包输出目录从 lib 改为 dist
- 优化类型导入语句，使用 type 关键字
- 版本号升级到 1.1.0-beta.1
diff --git a/packages/plugin-datasource-pane/build.js b/packages/plugin-datasource-pane/build.js
diff --git a/packages/plugin-datasource-pane/package.json b/packages/plugin-datasource-pane/package.json
@@ -1,83 +1,64 @@
 {
   "name": "@felce/lowcode-plugin-datasource-pane",
-  "version": "1.0.11",
+  "version": "1.1.0-beta.1",
   "description": "低代码引擎数据源面板",
-  "main": "lib/index.js",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "style": "dist/index.css",
   "files": [
-    "lib"
+    "dist"
   ],
   "scripts": {
-    "start": "build-scripts start --config build.js",
-    "build": "build-scripts build --config build.js",
-    "test": "ava",
-    "test:snapshot": "ava --update-snapshots"
-  },
-  "ava": {
-    "compileEnhancements": false,
-    "snapshotDir": "test/fixtures/__snapshots__",
-    "extensions": [
-      "ts"
-    ],
-    "require": [
-      "ts-node/register"
-    ]
+    "start": "vite",
+    "build": "vite build"
   },
   "license": "MIT",
-  "devDependencies": {
-    "@alib/build-scripts": "^0.1.32",
-    "@alifd/theme-lowcode-light": "^0.2.1",
-    "@alilc/build-plugin-alt": "^1.2.2",
-    "@felce/lowcode-engine": "beta",
-    "@felce/lowcode-shell": "^1.0.0",
-    "@felce/lowcode-types": "beta",
-    "@types/babel-types": "^7.0.9",
-    "@types/babel__preset-env": "^7.9.2",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "@types/traverse": "^0.6.32",
-    "build-plugin-fusion": "^0.1.9",
-    "build-plugin-moment-locales": "^0.1.3",
-    "monaco-editor": "^0.21.0"
-  },
-  "peerDependencies": {
-    "@alifd/next": "^1.25.13",
-    "moment": "^2.29.1"
-  },
   "dependencies": {
-    "@alifd/next": "^1.25.13",
-    "@babel/core": "^7.15.8",
-    "@babel/parser": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/standalone": "^7.15.8",
-    "@babel/traverse": "^7.15.4",
-    "@babel/types": "^7.15.6",
-    "babel-plugin-transform-remove-strict-mode": "^0.0.2",
-    "classnames": "^2.3.1",
-    "js-beautify": "^1.14.0",
+    "@alifd/next": "^1.27.30",
+    "classnames": "^2.5.1",
+    "js-beautify": "^1.15.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "@felce/lowcode-engine": "^1.5.0-beta.4",
+    "@felce/lowcode-shell": "^1.5.0-beta.4",
+    "@felce/lowcode-types": "^1.5.0-beta.4",
+    "@felce/lowcode-utils": "^1.5.0-beta.4",
     "@felce/lowcode-plugin-base-monaco-editor": "workspace:^",
-    "@felce/lowcode-types": "^1.0.0-beta.3",
-    "@formily/core": "^2.1.12",
-    "@formily/next": "^2.1.12",
-    "@formily/react": "^2.1.12",
-    "@types/lodash": "^4.14.178",
+    "@formily/core": "^2.3.2",
+    "@formily/next": "^2.3.2",
+    "@formily/react": "^2.3.2",
     "@xstate/react": "^4.1.3",
     "ajv": "^6.12.4",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "react-copy-to-clipboard": "^5.0.4",
     "react-dnd": "^14.0.4",
     "react-dnd-html5-backend": "^14.0.2",
     "react-error-boundary": "^3.1.4",
     "svgo": "2.x",
     "traverse": "^0.6.6",
-    "xstate": "^5.18.2"
+    "xstate": "^5.18.2",
+    "json-schema": "^0.4.0",
+    "monaco-editor": "^0.52.2",
+    "zen-logger": "^1.1.4"
   },
+  "devDependencies": {
+    "@alilc/lowcode-datasource-types": "^1.2.1",
+    "@types/lodash": "^4.17.14",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@types/traverse": "^0.6.32",
+    "@types/json-schema": "^7.0.15"
+  },
+  "peerDependencies": {},
   "homepage": "https://unpkg.com/@felce/lowcode-plugin-datasource-pane@1.0.11/build/index.html",
   "repository": {
     "type": "git",
     "url": "https://github.com/fe-lce/lowcode-plugins.git",
     "directory": "packages/plugin-datasource-pane"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
   }
 }
diff --git a/packages/plugin-datasource-pane/src/index.ts b/packages/plugin-datasource-pane/src/index.ts
diff --git a/packages/plugin-datasource-pane/src/pane/index.tsx b/packages/plugin-datasource-pane/src/pane/index.tsx
@@ -14,7 +14,7 @@ import { DataSourcePane } from './DataSourcePane';
 import { DataSourceFilter } from '../components/DataSourceFilter';
 import { DataSourceList } from '../components/DataSourceList';
 import { DroppableDataSourceListItem } from '../components/DataSourceListItem';
-import {
+import type {
   DataSourcePaneImportPlugin,
   DataSourceType,
   DataSourceConfig,
diff --git a/packages/plugin-datasource-pane/src/types/ImportPlugin.ts b/packages/plugin-datasource-pane/src/types/ImportPlugin.ts
@@ -1,4 +1,4 @@
-import { RuntimeDataSourceConfig as DataSourceConfig } from '@alilc/lowcode-datasource-types';
+import type { RuntimeDataSourceConfig as DataSourceConfig } from '@alilc/lowcode-datasource-types';
 import { DataSourceType } from './DataSourceType';
 
 // 导入插件
@@ -9,7 +9,8 @@ export interface DataSourcePaneImportPlugin {
   componentProps?: DataSourcePaneImportPluginCustomProps;
 }
 
-export interface DataSourcePaneImportPluginCustomProps extends DataSourcePaneImportPluginComponentProps {
+export interface DataSourcePaneImportPluginCustomProps
+  extends DataSourcePaneImportPluginComponentProps {
   [customPropName: string]: any;
 }
 
diff --git a/packages/plugin-datasource-pane/vite.config.ts b/packages/plugin-datasource-pane/vite.config.ts
@@ -0,0 +1,49 @@
+import { defineConfig } from 'vite';
+import React from '@vitejs/plugin-react-swc';
+import dts from 'vite-plugin-dts';
+import external from 'vite-plugin-external';
+
+export default defineConfig({
+  plugins: [
+    // external({
+    //   externals: {
+    //     react: 'React',
+    //   },
+    // }),
+    React({}),
+    dts(),
+  ],
+  server: {
+    port: 4173,
+    hmr: false,
+  },
+  build: {
+    lib: {
+      entry: 'src/index.ts',
+      fileName(format, entryName) {
+        return `${entryName}.${format}.js`;
+      },
+      name: 'LowCodePluginDataSourcePane',
+      cssFileName: 'index',
+    },
+    rollupOptions: {
+      output: {
+        exports: 'named',
+      },
+      external: ['react', 'react-dom'],
+    },
+  },
+  resolve: {
+    alias: {
+      '~@alifd': '@alifd',
+    },
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        // https://cn.vitejs.dev/config/shared-options.html#css-preprocessoroptions
+        api: 'legacy',
+      },
+    },
+  },
+});

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { RuntimeDataSourceConfig as DataSourceConfig } from '@alilc/lowcode-datasource-types';`
	`1`	`+import type { RuntimeDataSourceConfig as DataSourceConfig } from '@alilc/lowcode-datasource-types';`
`2`	`2`	`import { DataSourceType } from './DataSourceType';`
`3`	`3`
`4`	`4`	`// 导入插件`
`@@ -9,7 +9,8 @@ export interface DataSourcePaneImportPlugin {`
`9`	`9`	`componentProps?: DataSourcePaneImportPluginCustomProps;`
`10`	`10`	`}`
`11`	`11`
`12`		`-export interface DataSourcePaneImportPluginCustomProps extends DataSourcePaneImportPluginComponentProps {`
	`12`	`+export interface DataSourcePaneImportPluginCustomProps`
	`13`	`+ extends DataSourcePaneImportPluginComponentProps {`
`13`	`14`	`[customPropName: string]: any;`
`14`	`15`	`}`
`15`	`16`