vue3项目安装unplugin-auto-import插件实现按需导入API

最新推荐文章于 2025-04-23 09:56:53 发布

吃葡萄不吐葡萄皮嘻嘻

最新推荐文章于 2025-04-23 09:56:53 发布

阅读量453

点赞数 3

文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/qq_45695853/article/details/136627907

版权

本文介绍了如何在Vite项目中安装并配置unplugin-auto-import插件，以便在页面中无需手动import，自动引入vue和vue-router。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装unplugin-auto-import

npm i -D unplugin-auto-import

2.vite.config.ts文件进行配置

在这里插入图片描述

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

})