如何使用 unplugin-vue-components 套件自動匯入可組合項目/node_modules?
P粉604669414
P粉604669414 2023-12-27 13:55:47
0
1
563

我已經設定了unplugin-vue-components,它現在會自動從src 資料夾匯入所有vue 元件,但它不會導入js 檔案(例如位於src/composables 中的store.js)。它也不像 axios 那樣導入節點模組。知道怎麼做嗎?我希望它像 Nuxt 3 auto import 一樣工作(這太棒了)。

github 連結:unplugin-vue-components

這是我的vite.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']
      })
  ],
})

P粉604669414
P粉604669414

全部回覆(1)
P粉510127741

unplugin-vue-components 插件用於導入元件。如果你想導入 JS 檔案(更具體地說,JS 變數),你可以使用這個外掛: https ://github.com/antfu/unplugin-auto-import

除了能夠匯入 axios 等流行庫之外,您還可以使用 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
    // ...
  ],

請參閱自述文件以獲取更多資訊。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板