Vite集成antdv并配置按需加载
官网文档
- antdv官网 https://2x.antdv.com/docs/vue...
- unplugin-vue-components按需导入插件 https://www.npmjs.com/package...
yarn add ant-design-vue@nextVite配置按需导入
- 安装vite按需导入插件
yarn add -D unplugin-vue-components;vite-plugin-components插件已renamed tounplugin-vue-components - 配置vite.config.js:
import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import Components from 'unplugin-vue-components/vite' import {AntDesignVueResolver } from 'unplugin-vue-components/resolvers'// https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), Components({ resolvers: [ AntDesignVueResolver() ], dts: true, // enabled by default if `typescript` is installed }) ] })
- 组件无需导入使用(
import HelloWorld被注释)
文章图片
【Vite集成antdv并配置按需加载】按需导入
#app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; }
推荐阅读
- Activiti（一）SpringBoot2集成Activiti6
- 私有化轻量级持续集成部署方案--03-部署web服务（下）
- Spring集成|Spring集成 Mina
- Python机器学习基础与进阶|Python机器学习--集成学习算法--XGBoost算法
- 网络请求，如斯优雅
- 雅集成长第二季|雅集成长第二季 第三周
- doc---Hbuilder中配置集成终端(cmd)
- travis|travis CI 持续集成
- springmvc|springmvc 集成 Spring Data Elasticsearch 遇到的坑
- 7小时速成集成学习实录