关于vue3:vuevitets项目按需要引入vant或elementPlus等ui插件时抽离成单独的-js-文件

感觉自己写代码有强迫症,每当看到一个文件乱哄哄的就不难受,为了文件代码好看所以将main.ts中无关引入vant的代码分离出来:

main.ts

import { createApp } from 'vue'import App from './App.vue'import router from './router'import vant from './vant'export const app = createApp(App)app.use(router)app.use(vant)app.mount('#app')

src目录下新建vant文件夹,而后上面新建index.ts,内容如下:

import { Form, Field, CellGroup, Button } from 'vant'export default {  install: function (Vue: any) {    Vue.use(Form)    Vue.use(Field)    Vue.use(CellGroup)    Vue.use(Button)  },}

element同理