feat(vite): 引入自动导入 components 的插件

2024-02-24 18:03:16 +08:00 · 2024-02-24 18:03:16 +08:00 · b94d6512a3
commit b94d6512a3
parent 6e3acca83f
5 changed files with 71 additions and 47 deletions
--- a/package.json
+++ b/package.json
@ -114,6 +114,7 @@
    "@uni-helper/uni-app-types": "^0.5.12",
    "@uni-helper/uni-cloud-types": "^0.5.2",
    "@uni-helper/uni-ui-types": "^0.5.11",
+    "@uni-helper/vite-plugin-uni-components": "^0.0.8",
    "@uni-helper/vite-plugin-uni-layouts": "^0.1.7",
    "@uni-helper/vite-plugin-uni-manifest": "^0.2.3",
    "@uni-helper/vite-plugin-uni-pages": "^0.2.13",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -121,6 +121,9 @@ devDependencies:
  '@uni-helper/uni-ui-types':
    specifier: ^0.5.11
    version: 0.5.11(@uni-helper/uni-app-types@0.5.12)
+  '@uni-helper/vite-plugin-uni-components':
+    specifier: ^0.0.8
+    version: 0.0.8
  '@uni-helper/vite-plugin-uni-layouts':
    specifier: ^0.1.7
    version: 0.1.7(eslint-import-resolver-typescript@3.6.1)(typescript@4.9.5)
@ -455,26 +458,26 @@ packages:
    engines: {node: '>=6.9.0'}
    dependencies:
      '@babel/template': 7.22.15
-      '@babel/types': 7.23.6
+      '@babel/types': 7.23.9

  /@babel/helper-hoist-variables@7.22.5:
    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.23.6
+      '@babel/types': 7.23.9

  /@babel/helper-member-expression-to-functions@7.23.0:
    resolution: {integrity: sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.23.6
+      '@babel/types': 7.23.9
    dev: true

  /@babel/helper-module-imports@7.22.15:
    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.23.6
+      '@babel/types': 7.23.9

  /@babel/helper-module-transforms@7.23.3(@babel/core@7.23.6):
    resolution: {integrity: sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==}
@ -507,7 +510,7 @@ packages:
    resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.23.6
+      '@babel/types': 7.23.9
    dev: true

  /@babel/helper-plugin-utils@7.22.5:
@ -543,20 +546,20 @@ packages:
    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.23.6
+      '@babel/types': 7.23.9

  /@babel/helper-skip-transparent-expression-wrappers@7.22.5:
    resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.23.6
+      '@babel/types': 7.23.9
    dev: true

  /@babel/helper-split-export-declaration@7.22.6:
    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
    engines: {node: '>=6.9.0'}
    dependencies:
-      '@babel/types': 7.23.6
+      '@babel/types': 7.23.9

  /@babel/helper-string-parser@7.23.4:
    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
@ -1712,7 +1715,6 @@ packages:
      '@babel/helper-string-parser': 7.23.4
      '@babel/helper-validator-identifier': 7.22.20
      to-fast-properties: 2.0.0
-    dev: true

  /@bcoe/v8-coverage@0.2.3:
    resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
@ -2399,7 +2401,7 @@ packages:
    dependencies:
      '@vue/shared': 3.2.47
      parse-css-font: 4.0.0
-      postcss: 8.4.33
+      postcss: 8.4.35
    dev: false

  /@dcloudio/uni-push@3.0.0-3090920231225001(postcss@8.4.32)(vue@3.2.47):
@ -4192,6 +4194,23 @@ packages:
      vue3: /vue@3.2.47
    dev: true

+  /@uni-helper/vite-plugin-uni-components@0.0.8:
+    resolution: {integrity: sha512-8TkL7PeHlbXcGK3urL3SkfSgontrihgLsJaveQ4p0Gy4sPz/7cXpBJX+zkBIGS/vODHjJhCvXP2NyBcmUvtEdQ==}
+    dependencies:
+      '@antfu/utils': 0.7.7
+      '@rollup/pluginutils': 5.1.0
+      chokidar: 3.5.3
+      debug: 4.3.4
+      fast-glob: 3.3.2
+      local-pkg: 0.4.3
+      magic-string: 0.30.7
+      minimatch: 8.0.4
+      resolve: 1.22.8
+    transitivePeerDependencies:
+      - rollup
+      - supports-color
+    dev: true
+
  /@uni-helper/vite-plugin-uni-layouts@0.1.7(eslint-import-resolver-typescript@3.6.1)(typescript@4.9.5):
    resolution: {integrity: sha512-15WO1XO5gd3IMWELgu2zt3mZh47u3Zlts/srzw+xgECteiQcuBAft89qxBNv+2/TJecg1HJF7z+fb7oFDJIyhA==}
    dependencies:
@ -4299,7 +4318,7 @@ packages:
      colorette: 2.0.20
      consola: 3.2.3
      fast-glob: 3.3.2
-      magic-string: 0.30.5
+      magic-string: 0.30.7
      pathe: 1.1.1
      perfect-debounce: 1.0.0
    transitivePeerDependencies:
@ -4354,7 +4373,7 @@ packages:
      '@unocss/rule-utils': 0.58.0
      css-tree: 2.3.1
      fast-glob: 3.3.2
-      magic-string: 0.30.5
+      magic-string: 0.30.7
      postcss: 8.4.32
    dev: true

@ -4460,7 +4479,7 @@ packages:
    engines: {node: '>=14'}
    dependencies:
      '@unocss/core': 0.58.0
-      magic-string: 0.30.5
+      magic-string: 0.30.7
    dev: true

  /@unocss/scope@0.58.0:
@ -4518,7 +4537,7 @@ packages:
      '@unocss/transformer-directives': 0.58.0
      chokidar: 3.5.3
      fast-glob: 3.3.2
-      magic-string: 0.30.5
+      magic-string: 0.30.7
      vite: 4.0.3(@types/node@20.11.5)(sass@1.69.5)(terser@5.26.0)
    transitivePeerDependencies:
      - rollup
@ -4629,16 +4648,6 @@ packages:
      source-map-js: 1.0.2
    dev: true

-  /@vue/compiler-core@3.4.15:
-    resolution: {integrity: sha512-XcJQVOaxTKCnth1vCxEChteGuwG6wqnUHxAm1DO3gCz0+uXKaJNx8/digSz4dLALCy8n2lKq24jSUs8segoqIw==}
-    dependencies:
-      '@babel/parser': 7.23.6
-      '@vue/shared': 3.4.15
-      entities: 4.5.0
-      estree-walker: 2.0.2
-      source-map-js: 1.0.2
-    dev: true
-
  /@vue/compiler-core@3.4.19:
    resolution: {integrity: sha512-gj81785z0JNzRcU0Mq98E56e4ltO1yf8k5PQ+tV/7YHnbZkrM0fyFyuttnN8ngJZjbpofWE/m4qjKBiLl8Ju4w==}
    dependencies:
@ -4662,13 +4671,6 @@ packages:
      '@vue/shared': 3.3.13
    dev: true

-  /@vue/compiler-dom@3.4.15:
-    resolution: {integrity: sha512-wox0aasVV74zoXyblarOM3AZQz/Z+OunYcIHe1OsGclCHt8RsRm04DObjefaI82u6XDzv+qGWZ24tIsRAIi5MQ==}
-    dependencies:
-      '@vue/compiler-core': 3.4.15
-      '@vue/shared': 3.4.15
-    dev: true
-
  /@vue/compiler-dom@3.4.19:
    resolution: {integrity: sha512-vm6+cogWrshjqEHTzIDCp72DKtea8Ry/QVpQRYoyTIg9k7QZDX6D8+HGURjtmatfgM8xgCFtJJaOlCaRYRK3QA==}
    dependencies:
@ -4753,8 +4755,8 @@ packages:
    dependencies:
      '@volar/language-core': 1.11.1
      '@volar/source-map': 1.11.1
-      '@vue/compiler-dom': 3.4.15
-      '@vue/shared': 3.4.15
+      '@vue/compiler-dom': 3.4.19
+      '@vue/shared': 3.4.19
      computeds: 0.0.1
      minimatch: 9.0.3
      muggle-string: 0.3.1
@ -4779,7 +4781,7 @@ packages:
      '@vue/compiler-core': 3.3.13
      '@vue/shared': 3.3.13
      estree-walker: 2.0.2
-      magic-string: 0.30.5
+      magic-string: 0.30.7
    dev: true

  /@vue/reactivity@3.2.47:
@ -4860,10 +4862,6 @@ packages:
    resolution: {integrity: sha512-/zYUwiHD8j7gKx2argXEMCUXVST6q/21DFU0sTfNX0URJroCe3b1UF6vLJ3lQDfLNIiiRl2ONp7Nh5UVWS6QnA==}
    dev: true

-  /@vue/shared@3.4.15:
-    resolution: {integrity: sha512-KzfPTxVaWfB+eGcGdbSf4CWdaXcGDqckoeXUh7SB3fZdEtzPCK2Vq9B/lRRL3yutax/LWITz+SwvgyOxz5V75g==}
-    dev: true
-
  /@vue/shared@3.4.19:
    resolution: {integrity: sha512-/KliRRHMF6LoiThEy+4c1Z4KB/gbPrGjWwJR+crg2otgrf/egKzRaCPvJ51S5oetgsgXLfc4Rm5ZgrKHZrtMSw==}
    dev: true
@ -7273,7 +7271,7 @@ packages:
      get-tsconfig: 4.7.2
      is-glob: 4.0.3
      minimatch: 3.1.2
-      semver: 7.5.4
+      semver: 7.6.0
    transitivePeerDependencies:
      - '@typescript-eslint/parser'
      - eslint-import-resolver-typescript
@ -7330,7 +7328,7 @@ packages:
      eslint: 8.56.0
      esquery: 1.5.0
      is-builtin-module: 3.2.1
-      semver: 7.5.4
+      semver: 7.6.0
      spdx-expression-parse: 4.0.0
    transitivePeerDependencies:
      - supports-color
@ -7379,7 +7377,7 @@ packages:
      is-core-module: 2.13.1
      minimatch: 3.1.2
      resolve: 1.22.8
-      semver: 7.5.4
+      semver: 7.6.0
    dev: true

  /eslint-plugin-no-only-tests@3.1.0:
@ -7434,7 +7432,7 @@ packages:
      read-pkg-up: 7.0.1
      regexp-tree: 0.1.27
      regjsparser: 0.10.0
-      semver: 7.5.4
+      semver: 7.6.0
      strip-indent: 3.0.0
    dev: true

@ -9952,7 +9950,7 @@ packages:
      acorn: 8.11.2
      eslint-visitor-keys: 3.4.3
      espree: 9.6.1
-      semver: 7.5.4
+      semver: 7.6.0
    dev: true

  /jsonc-parser@3.2.0:
@ -10323,7 +10321,6 @@ packages:
    engines: {node: '>=12'}
    dependencies:
      '@jridgewell/sourcemap-codec': 1.4.15
-    dev: true

  /make-dir@1.3.0:
    resolution: {integrity: sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==}
@ -10567,6 +10564,13 @@ packages:
      brace-expansion: 1.1.11
    dev: true

+  /minimatch@8.0.4:
+    resolution: {integrity: sha512-W0Wvr9HyFXZRGIDgCicunpQ299OKXs9RgZfaukz4qAW/pJhcpUfupc9c+OObPOFueNy8VSrZgEmDtk6Kh4WzDA==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
  /minimatch@9.0.3:
    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
    engines: {node: '>=16 || 14 >=14.17'}
@ -10734,7 +10738,7 @@ packages:
    dependencies:
      hosted-git-info: 4.1.0
      is-core-module: 2.13.1
-      semver: 7.5.4
+      semver: 7.6.0
      validate-npm-package-license: 3.0.4
    dev: true

@ -11554,7 +11558,6 @@ packages:
      nanoid: 3.3.7
      picocolors: 1.0.0
      source-map-js: 1.0.2
-    dev: true

  /posthtml-parser@0.2.1:
    resolution: {integrity: sha512-nPC53YMqJnc/+1x4fRYFfm81KV2V+G9NZY+hTohpYg64Ay7NemWWcV4UWuy/SgMupqQ3kJ88M/iRfZmSnxT+pw==}
@ -13368,7 +13371,7 @@ packages:
      escape-string-regexp: 5.0.0
      fast-glob: 3.3.2
      local-pkg: 0.5.0
-      magic-string: 0.30.5
+      magic-string: 0.30.7
      mlly: 1.4.2
      pathe: 1.1.1
      pkg-types: 1.0.3
--- a/src/components/AppTest.vue
+++ b/src/components/AppTest.vue
@ -0,0 +1,5 @@
+<template>
+  <span>
+    <slot />
+  </span>
+</template>
--- a/src/pages/demo/base/auto-import.vue
+++ b/src/pages/demo/base/auto-import.vue
@ -0,0 +1,12 @@
+<route lang="json5">
+{
+  layout: 'demo',
+  style: { navigationBarTitleText: 'auto import component' },
+}
+</route>
+<template>
+  <div>
+    <h1>欢迎使用 vitess-uni-app</h1>
+    <AppTest> 这个组件会自动导入 </AppTest>
+  </div>
+</template>
--- a/vite.config.ts
+++ b/vite.config.ts
@ -11,6 +11,8 @@ import UniLayouts from '@uni-helper/vite-plugin-uni-layouts'
 import UniPlatform from '@uni-helper/vite-plugin-uni-platform'
 // @see https://github.com/uni-helper/vite-plugin-uni-manifest
 import UniManifest from '@uni-helper/vite-plugin-uni-manifest'
+// @see https://github.com/uni-helper/vite-plugin-uni-components
+import Components from '@uni-helper/vite-plugin-uni-components'
 // @see https://unocss.dev/
 import UnoCSS from 'unocss/vite'
 // import autoprefixer from 'autoprefixer'
@ -55,6 +57,7 @@ export default ({ command, mode }) => {
      UniLayouts(),
      UniPlatform(),
      UniManifest(),
+      Components(),
      // UniXXX 需要在 Uni 之前引入
      Uni(),
      UnoCSS(),