欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

mpvue项目引入vant组件

程序员文章站 2024-02-15 14:53:40
...

1、安装

npm i @vant/weapp -S --production

2、在 build —> webpack.base.conf.js 加入以下代码:

  		new CopyWebpackPlugin([{
            from: path.resolve('node_modules/@vant/weapp/dist'),
            to: path.resolve('dist/wx/vant-weapp/dist'),
            ignore: ['.*']
        }])

mpvue项目引入vant组件

3、在 src —> app.json 里

“usingComponents”: {
“van-button”: “vant-weapp/dist/button/index”
}
mpvue项目引入vant组件
4、微信开发者工具 ——> 详情 ——> 本地设置 ——> 勾选 ES6 转 ES5

mpvue项目引入vant组件

相关标签: mpvue