怎么引入第三方库,比如element-ui
可以用element plus
element3官网:https://element3-ui.com/#/
npm i element3 -S
ant-design-vue 刚发布的兼容vue3.0的ui库 可以试一下
目前element ui不支持Vue3.0,按照2.x的方式引入
import Element from 'element-ui'
createApp(App).use(Element).mount('#app')
页面会报错:
Cannot read property '$isServer' of undefined
需等待element官方重构
其他ui库,如bootstrap(不推荐使用js部分,与vue的思想相违背),npm安装好,直接import对应的css样式文件。由于深层import了css文件,根据vite的提示:
If the dependency requires deep import to function properly,
add the deep path to optimizeDeps.include in vite.config.js.
配置好vite.config.js文件的对应设置,即optimizeDeps.include