按需引入组件样式
1. 安装插件
# 通过 npm 安装
npm i unplugin-vue-components -D
# 通过 yarn 安装
yarn add unplugin-vue-components -D
# 通过 pnpm 安装
pnpm add unplugin-vue-components -D
2. 配置插件
基于 vue-cli 的项目，在 vue.config.js 文件中配置插件：
const { VantResolver } = require('unplugin-vue-components/resolvers');
const ComponentsPlugin = require('unplugin-vue-components/webpack');
module.exports = {
configureWebpack: {
plugins: [
ComponentsPlugin.default({
resolvers: [VantResolver()],
}),
],
},
};
3、使用组件
vue文件中使用组件
<template> <van-button type="primary" /> </template>
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）