🔧 build: vite自动导入API插件

hookehuyr
Commit 57288934a09db3cd3ea5457d5569593caf938782 57288934 1 parent 0907c54a
Showing 6 changed files with 226 additions and 3 deletions
.eslintrc-auto-import.json
.eslintrc.js
package.json
src/auto-imports.d.ts
vite.config.js
yarn.lock
--- a/.eslintrc-auto-import.json 0 → 100644
View file @5728893
+++ b/.eslintrc-auto-import.json 0 → 100644
View file @5728893
+ {
+   "globals": {
+     "EffectScope": true,
+     "computed": true,
+     "createApp": true,
+     "customRef": true,
+     "defineAsyncComponent": true,
+     "defineComponent": true,
+     "effectScope": true,
+     "getCurrentInstance": true,
+     "getCurrentScope": true,
+     "h": true,
+     "inject": true,
+     "isProxy": true,
+     "isReactive": true,
+     "isReadonly": true,
+     "isRef": true,
+     "markRaw": true,
+     "nextTick": true,
+     "onActivated": true,
+     "onBeforeMount": true,
+     "onBeforeUnmount": true,
+     "onBeforeUpdate": true,
+     "onDeactivated": true,
+     "onErrorCaptured": true,
+     "onMounted": true,
+     "onRenderTracked": true,
+     "onRenderTriggered": true,
+     "onScopeDispose": true,
+     "onServerPrefetch": true,
+     "onUnmounted": true,
+     "onUpdated": true,
+     "provide": true,
+     "reactive": true,
+     "readonly": true,
+     "ref": true,
+     "resolveComponent": true,
+     "shallowReactive": true,
+     "shallowReadonly": true,
+     "shallowRef": true,
+     "toRaw": true,
+     "toRef": true,
+     "toRefs": true,
+     "triggerRef": true,
+     "unref": true,
+     "useAttrs": true,
+     "useCssModule": true,
+     "useCssVars": true,
+     "useRoute": true,
+     "useRouter": true,
+     "useSlots": true,
+     "watch": true,
+     "watchEffect": true,
+     "watchPostEffect": true,
+     "watchSyncEffect": true
+   }
+ }
\ No newline at end of file
--- a/.eslintrc.js
View file @5728893
+++ b/.eslintrc.js
View file @5728893
@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-27 08:59:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
-  * @LastEditTime: 2022-06-07 20:35:26
+  * @LastEditTime: 2022-06-22 23:40:57
  * @FilePath: /tswj/.eslintrc.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -17,6 +17,7 @@ module.exports = {
     // add more generic rule sets here, such as:
     // 'eslint:recommended',
     'plugin:vue/vue3-recommended',
+     './.eslintrc-auto-import.json'
     // 'plugin:vue/recommended' // Use this if you are using Vue.js 2.x.
   ],
   rules: {
--- a/package.json
View file @5728893
+++ b/package.json
View file @5728893
@@ -49,6 +49,7 @@
     "postcss-px-to-viewport": "^1.1.1",
     "qs": "^6.10.3",
     "tslint": "^6.1.3",
+     "unplugin-auto-import": "^0.8.8",
     "unplugin-vue-define-options": "^0.6.1",
     "vite": "^2.9.9",
     "vite-plugin-style-import": "1.4.1",
--- a/src/auto-imports.d.ts 0 → 100644
View file @5728893
+++ b/src/auto-imports.d.ts 0 → 100644
View file @5728893
+ // Generated by 'unplugin-auto-import'
+ export {}
+ declare global {
+   const EffectScope: typeof import('vue')['EffectScope']
+   const computed: typeof import('vue')['computed']
+   const createApp: typeof import('vue')['createApp']
+   const customRef: typeof import('vue')['customRef']
+   const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+   const defineComponent: typeof import('vue')['defineComponent']
+   const effectScope: typeof import('vue')['effectScope']
+   const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+   const getCurrentScope: typeof import('vue')['getCurrentScope']
+   const h: typeof import('vue')['h']
+   const inject: typeof import('vue')['inject']
+   const isProxy: typeof import('vue')['isProxy']
+   const isReactive: typeof import('vue')['isReactive']
+   const isReadonly: typeof import('vue')['isReadonly']
+   const isRef: typeof import('vue')['isRef']
+   const markRaw: typeof import('vue')['markRaw']
+   const nextTick: typeof import('vue')['nextTick']
+   const onActivated: typeof import('vue')['onActivated']
+   const onBeforeMount: typeof import('vue')['onBeforeMount']
+   const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+   const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+   const onDeactivated: typeof import('vue')['onDeactivated']
+   const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+   const onMounted: typeof import('vue')['onMounted']
+   const onRenderTracked: typeof import('vue')['onRenderTracked']
+   const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+   const onScopeDispose: typeof import('vue')['onScopeDispose']
+   const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+   const onUnmounted: typeof import('vue')['onUnmounted']
+   const onUpdated: typeof import('vue')['onUpdated']
+   const provide: typeof import('vue')['provide']
+   const reactive: typeof import('vue')['reactive']
+   const readonly: typeof import('vue')['readonly']
+   const ref: typeof import('vue')['ref']
+   const resolveComponent: typeof import('vue')['resolveComponent']
+   const shallowReactive: typeof import('vue')['shallowReactive']
+   const shallowReadonly: typeof import('vue')['shallowReadonly']
+   const shallowRef: typeof import('vue')['shallowRef']
+   const toRaw: typeof import('vue')['toRaw']
+   const toRef: typeof import('vue')['toRef']
+   const toRefs: typeof import('vue')['toRefs']
+   const triggerRef: typeof import('vue')['triggerRef']
+   const unref: typeof import('vue')['unref']
+   const useAttrs: typeof import('vue')['useAttrs']
+   const useCssModule: typeof import('vue')['useCssModule']
+   const useCssVars: typeof import('vue')['useCssVars']
+   const useRoute: typeof import('vue-router')['useRoute']
+   const useRouter: typeof import('vue-router')['useRouter']
+   const useSlots: typeof import('vue')['useSlots']
+   const watch: typeof import('vue')['watch']
+   const watchEffect: typeof import('vue')['watchEffect']
+   const watchPostEffect: typeof import('vue')['watchPostEffect']
+   const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+ }
--- a/vite.config.js
View file @5728893
+++ b/vite.config.js
View file @5728893
@@ -5,6 +5,7 @@ import styleImport, { VantResolve } from 'vite-plugin-style-import';
 import { defineConfig, loadEnv } from 'vite';
 import { createProxy } from './build/proxy'
 import DefineOptions from 'unplugin-vue-define-options/vite';
+ import AutoImport from 'unplugin-auto-import/vite';
 
 var path = require('path');
 
@@ -38,6 +39,15 @@ export default ({ command, mode }) => {
       //   targets: ['defaults', 'not IE 11']
       // }), // Vite 的默认旧版浏览器支持时提供此插件本机ESM的支持。
       DefineOptions(), // TAG: 插件来对组件名进行注册的, 解决setup没法写name的问题
+       AutoImport({ // API 自动导入
+          // 可以自定义文件生成的位置，默认是根目录下，使用ts的建议放src目录下
+         dts: 'src/auto-imports.d.ts',
+         imports: ['vue', 'vue-router'],
+         // 解决eslint报错问题
+         eslintrc: {
+           enabled: true
+         }
+       }),
     ],
     publicDir: 'public', // 作为静态资源服务的文件夹。这个目录中的文件会在开发中被服务于 /，在开发模式时，会被拷贝到 outDir 的根目录，并没有转换，永远只是复制到这里。该值可以是文件系统的绝对路径，也可以是相对于项目的根目录路径。
     // cacheDir: '', // 存储缓存文件的目录。此目录下会存储预打包的依赖项或 vite 生成的某些缓存文件，使用缓存可以提高性能。如需重新生成缓存文件，你可以使用 --force 命令行选项或手动删除目录。此选项的值可以是文件的绝对路径，也可以是以项目根目录为基准的相对路径。
--- a/yarn.lock
View file @5728893
+++ b/yarn.lock
View file @5728893
@@ -2,6 +2,11 @@
 # yarn lockfile v1
 
 
+ "@antfu/utils@^0.5.2":
+   version "0.5.2"
+   resolved "https://mirrors.cloud.tencent.com/npm/@antfu%2futils/-/utils-0.5.2.tgz#8c2d931ff927be0ebe740169874a3d4004ab414b"
+   integrity sha512-CQkeV+oJxUazwjlHD0/3ZD08QWKuGQkhnrKo3e6ly5pd48VUpXbb77q0xMU4+vc2CkJnDS02Eq/M9ugyX20XZA==
+ 
 "@babel/code-frame@^7.0.0":
   version "7.16.7"
   resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.16.7.tgz"
@@ -111,7 +116,7 @@
     estree-walker "^2.0.1"
     picomatch "^2.2.2"
 
- "@rollup/pluginutils@^4.2.0":
+ "@rollup/pluginutils@^4.2.0", "@rollup/pluginutils@^4.2.1":
   version "4.2.1"
   resolved "https://mirrors.tencent.com/npm/@rollup%2fpluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
   integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==
@@ -1179,6 +1184,11 @@ escape-string-regexp@^1.0.5:
   resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
+ escape-string-regexp@^5.0.0:
+   version "5.0.0"
+   resolved "https://mirrors.cloud.tencent.com/npm/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz#4683126b500b61762f2dbebace1806e8be31b1c8"
+   integrity sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==
+ 
 eslint-plugin-vue@^9.0.1:
   version "9.0.1"
   resolved "https://mirrors.cloud.tencent.com/npm/eslint-plugin-vue/-/eslint-plugin-vue-9.0.1.tgz#66ba4a6e4085a26a724adcde06eaf72b178285c9"
@@ -1774,6 +1784,11 @@ json-stringify-safe@~5.0.1:
   resolved "https://mirrors.tencent.com/npm/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
   integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
 
+ jsonc-parser@^3.0.0:
+   version "3.0.0"
+   resolved "https://mirrors.cloud.tencent.com/npm/jsonc-parser/-/jsonc-parser-3.0.0.tgz#abdd785701c7e7eaca8a9ec8cf070ca51a745a22"
+   integrity sha512-fQzRfAbIBnR0IQvftw9FJveWiHp72Fg20giDrHz6TdfB12UH/uue0D3hm57UB5KgAVuniLMCaS8P1IMj9NR7cA==
+ 
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz"
@@ -1829,6 +1844,11 @@ listr2@^3.8.3:
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
+ local-pkg@^0.4.1:
+   version "0.4.1"
+   resolved "https://mirrors.cloud.tencent.com/npm/local-pkg/-/local-pkg-0.4.1.tgz#e7b0d7aa0b9c498a1110a5ac5b00ba66ef38cfff"
+   integrity sha512-lL87ytIGP2FU5PWwNDo0w3WhIo2gopIAxPg9RxDYF7m4rr5ahuZxP22xnJHIvaLTe4Z9P6uKKY2UHiwyB4pcrw==
+ 
 locate-path@^6.0.0:
   version "6.0.0"
   resolved "https://mirrors.tencent.com/npm/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
@@ -1892,7 +1912,7 @@ magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
- magic-string@^0.26.1:
+ magic-string@^0.26.1, magic-string@^0.26.2:
   version "0.26.2"
   resolved "http://mirrors.tencent.com/npm/magic-string/-/magic-string-0.26.2.tgz#5331700e4158cd6befda738bb6b0c7b93c0d4432"
   integrity sha512-NzzlXpclt5zAbmo6h6jNc8zl2gNRGHvmsZW4IvZhTC4W7k4OlLP+S5YLussa/r3ixNT66KOQfNORlXHSOy/X4A==
@@ -1987,6 +2007,14 @@ mkdirp@^0.5.3:
   dependencies:
     minimist "^1.2.6"
 
+ mlly@^0.5.2, mlly@^0.5.3:
+   version "0.5.3"
+   resolved "https://mirrors.cloud.tencent.com/npm/mlly/-/mlly-0.5.3.tgz#8a613b6273886490a5f462ce18fa486492cf053b"
+   integrity sha512-im69tuLD9EJh9fc9TZRpJEFvsBcGMez7glUCWDcHWWCKzhvPmNvyaYjp/+h0qJJN/Xovrs//GzGjOOKmFw4Gog==
+   dependencies:
+     pathe "^0.2.0"
+     pkg-types "^0.3.2"
+ 
 mocha@^10.0.0:
   version "10.0.0"
   resolved "https://mirrors.tencent.com/npm/mocha/-/mocha-10.0.0.tgz#205447d8993ec755335c4b13deba3d3a13c4def9"
@@ -2200,6 +2228,16 @@ path-type@^4.0.0:
   resolved "http://mirrors.tencent.com/npm/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
+ pathe@^0.2.0:
+   version "0.2.0"
+   resolved "https://mirrors.cloud.tencent.com/npm/pathe/-/pathe-0.2.0.tgz#30fd7bbe0a0d91f0e60bae621f5d19e9e225c339"
+   integrity sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==
+ 
+ pathe@^0.3.0:
+   version "0.3.0"
+   resolved "https://mirrors.cloud.tencent.com/npm/pathe/-/pathe-0.3.0.tgz#fd95bc16208263fa6dc1c78c07b3907a528de6eb"
+   integrity sha512-3vUjp552BJzCw9vqKsO5sttHkbYqqsZtH0x1PNtItgqx8BXEXzoY1SYRKcL6BTyVh4lGJGLj0tM42elUDMvcYA==
+ 
 pathval@^1.1.1:
   version "1.1.1"
   resolved "https://mirrors.cloud.tencent.com/npm/pathval/-/pathval-1.1.1.tgz#8534e77a77ce7ac5a2512ea21e0fdb8fcf6c3d8d"
@@ -2243,6 +2281,15 @@ pinia@^2.0.14:
     "@vue/devtools-api" "^6.1.4"
     vue-demi "*"
 
+ pkg-types@^0.3.2:
+   version "0.3.3"
+   resolved "https://mirrors.cloud.tencent.com/npm/pkg-types/-/pkg-types-0.3.3.tgz#3c25e45274e1c586ec7811dcc3449afde846e463"
+   integrity sha512-6AJcCMnjUQPQv/Wk960w0TOmjhdjbeaQJoSKWRQv9N3rgkessCu6J0Ydsog/nw1MbpnxHuPzYbfOn2KmlZO1FA==
+   dependencies:
+     jsonc-parser "^3.0.0"
+     mlly "^0.5.3"
+     pathe "^0.3.0"
+ 
 postcss-px-to-viewport@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/postcss-px-to-viewport/-/postcss-px-to-viewport-1.1.1.tgz"
@@ -2433,6 +2480,11 @@ sax@^1.2.4:
   resolved "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz"
   integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
 
+ scule@^0.2.1:
+   version "0.2.1"
+   resolved "https://mirrors.cloud.tencent.com/npm/scule/-/scule-0.2.1.tgz#0c1dc847b18e07219ae9a3832f2f83224e2079dc"
+   integrity sha512-M9gnWtn3J0W+UhJOHmBxBTwv8mZCan5i1Himp60t6vvZcor0wr+IM0URKmIglsWJ7bRujNAVVN77fp+uZaWoKg==
+ 
 semver@^5.3.0, semver@^5.6.0:
   version "5.7.1"
   resolved "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz"
@@ -2579,6 +2631,13 @@ strip-json-comments@3.1.1:
   resolved "https://mirrors.tencent.com/npm/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
 
+ strip-literal@^0.4.0:
+   version "0.4.0"
+   resolved "https://mirrors.cloud.tencent.com/npm/strip-literal/-/strip-literal-0.4.0.tgz#0f90e86daecc1eb23c61c62d25238ffad4524634"
+   integrity sha512-ql/sBDoJOybTKSIOWrrh8kgUEMjXMwRAkZTD0EwiwxQH/6tTPkZvMIEjp0CRlpi6V5FMiJyvxeRkEi1KrGISoA==
+   dependencies:
+     acorn "^8.7.1"
+ 
 supports-color@8.1.1, supports-color@^8.1.1:
   version "8.1.1"
   resolved "https://mirrors.tencent.com/npm/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
@@ -2724,11 +2783,39 @@ typescript@^4.7.3:
   resolved "https://mirrors.cloud.tencent.com/npm/typescript/-/typescript-4.7.3.tgz#8364b502d5257b540f9de4c40be84c98e23a129d"
   integrity sha512-WOkT3XYvrpXx4vMMqlD+8R8R37fZkjyLGlxavMc4iB8lrl8L0DeTcHbYgw/v0N/z9wAFsgBhcsF0ruoySS22mA==
 
+ unimport@^0.2.7:
+   version "0.2.9"
+   resolved "https://mirrors.cloud.tencent.com/npm/unimport/-/unimport-0.2.9.tgz#62b720220c12a470e83bd01d9bf723b3534d2dd2"
+   integrity sha512-5SLmZZL2rwaNOQa/yTGaG0QI0meRhb6MDdIlS9s1uHPSYO6Gfzr7ugl5Rf35/CJioW6wYiNJsN9dru5JMzaD8w==
+   dependencies:
+     "@rollup/pluginutils" "^4.2.1"
+     escape-string-regexp "^5.0.0"
+     fast-glob "^3.2.11"
+     local-pkg "^0.4.1"
+     magic-string "^0.26.2"
+     mlly "^0.5.2"
+     pathe "^0.3.0"
+     scule "^0.2.1"
+     strip-literal "^0.4.0"
+     unplugin "^0.7.0"
+ 
 universalify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz"
   integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==
 
+ unplugin-auto-import@^0.8.8:
+   version "0.8.8"
+   resolved "https://mirrors.cloud.tencent.com/npm/unplugin-auto-import/-/unplugin-auto-import-0.8.8.tgz#a8d3bbbe9af0fd84f729032d9c1198afd2326216"
+   integrity sha512-cVZ79zMR1v4VCZ9emFTUnltmazCc2B4hObyVrxJdlgJ2sK8qub6JfjFt38rCF6MVEddkHiWCU6wZR1qbdqe+ig==
+   dependencies:
+     "@antfu/utils" "^0.5.2"
+     "@rollup/pluginutils" "^4.2.1"
+     local-pkg "^0.4.1"
+     magic-string "^0.26.2"
+     unimport "^0.2.7"
+     unplugin "^0.7.0"
+ 
 unplugin-vue-define-options@^0.6.1:
   version "0.6.1"
   resolved "https://mirrors.cloud.tencent.com/npm/unplugin-vue-define-options/-/unplugin-vue-define-options-0.6.1.tgz#79e066d1152ecb908bdcd204b185af2bcb9a2c76"
@@ -2747,6 +2834,16 @@ unplugin@^0.6.0:
     webpack-sources "^3.2.3"
     webpack-virtual-modules "^0.4.3"
 
+ unplugin@^0.7.0:
+   version "0.7.0"
+   resolved "https://mirrors.cloud.tencent.com/npm/unplugin/-/unplugin-0.7.0.tgz#8c8e28a7ca454a13313483ddd4c1f9cc1809d966"
+   integrity sha512-OsiFrgybmqm5bGuaodvbLYhqUrvGuRHRMZDhddKEXTDbuQ1x+hR7M1WpQguXj03whVYjEYChhFo738cZH5RNig==
+   dependencies:
+     acorn "^8.7.1"
+     chokidar "^3.5.3"
+     webpack-sources "^3.2.3"
+     webpack-virtual-modules "^0.4.3"
+ 
 untildify@^4.0.0:
   version "4.0.0"
   resolved "http://mirrors.cloud.tencent.com/npm/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"