vite_vue3自动引入

// github地址: https://github.com/antfu/unplugin-auto-import

1. npm i -D unplugin-auto-import

2. vite.config.ts

import AutoImport from 'unplugin-auto-import/vite'

export default defineConfig({
  plugins: [
    AutoImport({
      imports: ['vue'],// 自动引入,vu-router,axios等等
      dts: 'src/auto-import.d.ts', // 指定生成文件目录
      eslintrc: { // 修复eslint检查未导入使用报错
        enabled: true
      }
    })
  ]
})

// 组件中直接使用ref,reactive等等,无需引入


posted @ 2022-11-02 21:14  前端之旅  阅读(97)  评论(0)    收藏  举报