如何使用 unplugin-vue-components 包自动导入可组合项/node_modules?
P粉604669414
P粉604669414 2023-12-27 13:55:47
0
1
564

我已经设置了 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
    // ...
  ],

请参阅自述文件以获取更多信息。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板