Procházet zdrojové kódy

feat: 自动引入fly-xxx组件

Burt před 2 roky
rodič
revize
dfabbc6342

+ 3 - 0
pages.config.ts

@@ -11,6 +11,9 @@ export default defineUniPages({
   easycom: {
     autoscan: true,
     custom: {
+      // 以 Fly 开头的组件,在 components 文件夹中查找引入(需要重启服务器)
+      '^Fly(.*)': '@/components/fly-$1/fly-$1.vue',
+      '^fly-(.*)': '@/components/fly-$1/fly-$1.vue',
       // uni-ui 规则如下配置
       '^uni-(.*)': '@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue',
     },

+ 3 - 0
src/components/fly-header/fly-header.vue

@@ -0,0 +1,3 @@
+<template>
+  <view class="text-green-500"> header </view>
+</template>

+ 2 - 0
src/pages.json

@@ -16,6 +16,8 @@
   "easycom": {
     "autoscan": true,
     "custom": {
+      "^Fly(.*)": "@/components/fly-$1/fly-$1.vue",
+      "^fly-(.*)": "@/components/fly-$1/fly-$1.vue",
       "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
     }
   },

+ 1 - 0
src/pages/index/index.vue

@@ -16,6 +16,7 @@
     <uni-badge text="1"></uni-badge>
     <!-- Sun in light mode, Moon in dark mode, from Carbon -->
     <button class="i-carbon-sun dark:i-carbon-moon" />
+    <fly-header></fly-header>
   </view>
 </template>