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'
  })],
})

使用

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

相关推荐
GISer_Jing25 分钟前
sqb&ks二面(准备)
前端·javascript·面试
谢尔登30 分钟前
【Webpack】模块联邦
前端·webpack·node.js
Bottle4141 小时前
深入探究 React Fiber(译文)
前端
汤姆Tom1 小时前
JavaScript Proxy 对象详解与应用
前端·javascript
xiaopengbc1 小时前
在 React 中如何使用 useMemo 和 useCallback 优化性能?
前端·javascript·react.js
GISer_Jing1 小时前
React 18 过渡更新:并发渲染的艺术
前端·javascript·react.js
全栈技术负责人2 小时前
前端网络性能优化实践:从 HTTP 请求到 HTTPS 与 HTTP/2 升级
前端·网络·http
码上暴富2 小时前
Echarts雷达图根据数值确定颜色
前端·javascript·echarts
Mintopia2 小时前
在混沌宇宙中捕捉错误的光——Next.js 全栈 Sentry / LogRocket
前端·javascript·next.js
Mintopia2 小时前
长文本 AIGC:Web 端大篇幅内容生成的技术优化策略
前端·javascript·aigc