龙口网站开发,查公司备案网站备案信息,专门做自由行的网站,长春网站排名方案Vue3自动引入插件-unplugin-auto-import#xff0c;不必再手动 import 。
自动导入 api 按需为 Vite, Webpack, Rspack, Rollup 和 esbuild 。支持TypeScript。由unplugin驱动。
插件安装#xff1a;unplugin-auto-import
配置vite.config.ts#xff08;配置完后需要重启…Vue3自动引入插件-unplugin-auto-import不必再手动 import 。
自动导入 api 按需为 Vite, Webpack, Rspack, Rollup 和 esbuild 。支持TypeScript。由unplugin驱动。
插件安装unplugin-auto-import
配置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],dts: src/auto-import.d.ts,})],// 通过配置变为全局通用样式css: {preprocessorOptions: {scss: {additionalData: import ./src/bem.scss;,},},}
})重启项目后发现在src下出现一个suto-import.s.ts文件。
最后举例验证插件作用
App.vue
templatedivbutton clickflag !flagchange flag/buttondiv{{ flag }}/div/div
/templatescript setup langts
let flag refboolean(false)
/scriptstyle scoped/style