0
点赞
收藏
分享

微信扫一扫

vue3.0 + vite 完成自动导入 vue API 和 自动导入组件

月白色的大狒 2022-04-06 阅读 82
vue.js
  1. 插件(两个组件, 都是 antfu( vite 核心团队成员 ) 写的)
    npm i unplugin-auto-import unplugin-vue-components -D
  2. 使用, 下面是最简单的使用方法
    vue component 文档
    auto-import
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    WindiCSS(),
    AutoImport({
      imports: ['vue']
    }),
    Components({
      /* options */
    })
  ]
})
  1. 执行命令
    npm run dev, 执行完成之后, 会生成两个文件 auto-imports.d, components.d

在这里插入图片描述

不过编译过程肯定有复杂的处理, 还没仔细研究

  1. 引入生成的 .d.ts 文件, 在这里你要引入生成的类型文件, 如果不太熟悉 ts , 先去看下 tsconfig 相关字段
 "include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "auto-imports.d.ts",
    "components.d.ts"
  ],
举报

相关推荐

0 条评论