Vite按需引入自定义组件unplugin-vue-components
unplugin-vue-components插件可以在Vue文件中自动引入组件（包括项目自身的组件和各种组件库中的组件）；
使用此插件后，不需要手动编写import { Button } from ‘ant-design-vue’这样的代码了，插件会自动识别template中使用的自定义组件并自动注册。
1. 安装[unplugin-vue-components]
npm install unplugin-vue-components
2. 在vite中使用
import Components from 'unplugin-vue-components/vite' // 按需加载自定义组件
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig {
// ...
plugins: [
// 按需引入
Components({
deep: true, // 搜索子目录
dirs: ['src/components'], // 按需加载的文件夹
resolvers: [ ElementPlusResolver() ] // ElementPlus按需加载
})
],
// ...
}
这样就可以在页面中直接使用element-plus组件了，是的，不需要在main.ts里导入element-plus，然后进行Vue.use，就是这么厉害，直接在页面中用就完事了，并且按需加载组件和样式，非常的强大
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/188429.html
