Skip to content

Vue3中compositon自动引入

减轻开发的负担,主要是在当前的.vue(以及符合模式的文件中)中减少引入

1. 安装

npm i -D unplugin-auto-import

2. 在vite.config.js中配置

javascript
import AutoImport from 'unplugin-auto-import/vite';

AutoImport({
  // targets to transform
  include: [
    /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
    /\.vue$/,
    /\.vue\?vue/, // .vue
    /\.md$/ // .md
  ],
  imports: [
    'vue', // 自动引入vue内容
    'vue-router' // 自动引入vue-router内容
  ]
}),

3. 此插件不仅可以自动引入vuevue-rouer还能引入三方的公共库, 如:element-plusaxios

4. 参考地址AutoImport

Released under the MIT License.