Bagaimana untuk mengimport composable/node_modules secara automatik menggunakan pakej unplugin-vue-components?

Question

Saya telah menyediakannya unplugin-vue-components，它现在会自动从 src 文件夹导入所有 vue 组件，但它不会导入 js 文件（例如位于 src/composables 中的 store.js）。它也不像 axios 那样导入节点模块。知道怎么做吗？我希望它像 Nuxt 3 auto import dan ia berfungsi (yang hebat).

pautan github: unplugin-vue-components

Ini milik sayavite.config.js:

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'

export default defineConfig({
  plugins: [
      vue(),
      Components({
          dirs: ['src'],
          extensions: ['vue', 'js']
      })
  ],
})

Answer 1

unplugin-vue-components plugin digunakan untuk mengimport komponen. Jika anda ingin mengimport fail JS (lebih khusus, pembolehubah JS), anda boleh menggunakan pemalam ini: https://github.com/antfu/unplugin-auto-import

Selain dapat mengimport perpustakaan popular seperti axios, anda juga boleh menambah perpustakaan tempatan menggunakan dir porperty.

// Auto import for module exports under directories
  // by default it only scan one level of modules under the directory
  dirs: [
    // './hooks',
    // './composables' // only root modules
    // './composables/**', // all nested modules
    // ...
  ],

Lihat fail readme untuk maklumat lanjut.