vue3.0 vant按需引入
首先安装Vant然后babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式安装插件 npm i babel-plugin-import -D最后 在main.js中操作一下import 'vant/lib/button/style';import {Uploader,Button} fro...
·
首先安装Vant
然后
babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式
安装插件 npm i babel-plugin-import -D
然后在 babel.config.js 中配置一下下
module.exports = {
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant']
]
};
最后 在main.js中操作一下
import 'vant/lib/button/style';
import {Uploader,Button} from 'vant';
Vue.use(Uploader).use(Button);
接着最最最后
在组件中直接使用就可以了。
<van-button type="info">信息按钮</van-button>
最后说一下 基本上都是Vant官方的东西
更多推荐
已为社区贡献3条内容
所有评论(0)