chore: 调整依赖

custom-form-lib/package.json

@@ -8,12 +8,13 @@
     "build": "vite build"
   },
   "devDependencies": {
+    "@vitejs/plugin-vue2": "^2.2.0",
+    "@vitejs/plugin-vue2-jsx": "^1.0.3",
     "ant-design-vue": "^1.7.8",
     "marked": "^4.2.4",
     "moment": "^2.29.4",
     "sass": "^1.56.2",
     "vite": "^3.2.5",
-    "vite-plugin-vue2": "^2.0.2",
     "vue": "^2.7.14",
     "vue-template-compiler": "^2.7.14"
   }

custom-form-lib/vite.config.js

@@ -1,14 +1,15 @@
 import path from 'path'
 import pkg from './package.json'
 import { defineConfig } from 'vite'
-import { createVuePlugin } from 'vite-plugin-vue2'
+import vue2 from '@vitejs/plugin-vue2'
+import vueJsx from '@vitejs/plugin-vue2-jsx'
 
 export default defineConfig({
   base: '/',
   resolve: {
     alias: {
       '@': path.resolve(__dirname, 'src'),
-      'vue': 'vue/dist/vue.common'
+      'vue': 'vue/dist/vue.esm'
     }
   },
   server: {
@@ -38,16 +39,13 @@ export default defineConfig({
     }
   },
   plugins: [
-    createVuePlugin({
-      jsx: true,
-      // 解决Dom结构中会出现多余的空白字符，导致文本内容间出现分隔、行内标签间出现空格
-      vueTemplateOptions: {
+    vueJsx(),
+    vue2({
+      template: {
+        // 解决Dom结构中会出现多余的空白字符，导致文本内容间出现分隔、行内标签间出现空格
         compilerOptions: {
-          whitespace: 'condense'
+          whitespace: 'condense',
         }
-      },
-      jsxOptions: {
-        compositionAPI: true
       }
     }),
   ]

main-project/package.json

@@ -7,8 +7,9 @@
     "build": "vite build"
   },
   "devDependencies": {
+    "@vitejs/plugin-vue2": "^2.2.0",
+    "@vitejs/plugin-vue2-jsx": "^1.0.3",
     "vite": "^3.2.5",
-    "vite-plugin-vue2": "^2.0.2",
     "vue-template-compiler": "^2.7.14"
   },
   "dependencies": {

main-project/vite.config.js

@@ -1,6 +1,7 @@
 import path from 'path'
 import { defineConfig } from 'vite'
-import { createVuePlugin } from 'vite-plugin-vue2'
+import vue2 from '@vitejs/plugin-vue2'
+import vueJsx from '@vitejs/plugin-vue2-jsx'
 
 export default defineConfig({
   base: '/',
@@ -15,16 +16,13 @@ export default defineConfig({
     port: 3001
   },
   plugins: [
-    createVuePlugin({
-      jsx: true,
+    vueJsx(),
+    vue2({
       // 解决Dom结构中会出现多余的空白字符，导致文本内容间出现分隔、行内标签间出现空格
-      vueTemplateOptions: {
+      template: {
         compilerOptions: {
           whitespace: 'condense'
         }
-      },
-      jsxOptions: {
-        compositionAPI: true
       }
     }),
   ]