关于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 同理