Vue auto-Import 自动导包插件

参考

让你的Vue代码 "学会" 自动按需引入 - 掘金 (juejin.cn)

GitHub - unplugin/unplugin-auto-import

依赖下载

npm i -D unplugin-auto-import

插件注册

javascript 复制代码
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      imports:['vue'],
      dts:'sec/auto-import.d.ts'
  })],
})

使用

模块中直接使用,无需导包

相关推荐
不务正业的前端学徒6 分钟前
手写简单的call bind apply
前端
jump_jump9 分钟前
Ripple:一个现代的响应式 UI 框架
前端·javascript·前端框架
用户9047066835717 分钟前
Nuxt css 如何写?
前端
夏天想18 分钟前
element-plus的输入数字组件el-input-number 显示了 加减按钮(+ -) 和 小三角箭头(上下箭头),怎么去掉+,-或者箭头
前端·javascript·vue.js
0思必得019 分钟前
[Web自动化] Selenium基础介绍
前端·python·selenium·自动化·web自动化
Filotimo_21 分钟前
前端.d.ts文件作用
前端
进击的野人22 分钟前
Vue 3 响应式数据解构:toRef 与 toRefs 的深度解析
前端·vue.js·前端框架
ohyeah23 分钟前
CSS 作用域隔离实战:React、Vue 与 Styled Components 的三种范式
前端
二哈喇子!39 分钟前
前端HTML、CSS、JS、VUE 汇总
开发语言·前端
小白路过39 分钟前
node-sass和sass兼容性使用
前端·rust·sass