本文介绍了如何使用mpvue框架搭建微信小程序，并详细讲述了如何集成 vant 组件，包括创建小程序、添加 vant 依赖、配置 webpack 和在 app.json 中引用组件。通过设置微信开发者工具的编译选项解决报错问题，最终成功展示 vant 按钮。
第一步：想好小程序名称，并创建它
详细操作 :mpvue 小程序操作步骤
操作完成后，我们用微信开发者工具导入项目目录，运行起来看看效果
第二步：添加vant组件
回到刚才的命令窗口，还是依旧在项目目录下面，添加vant组件的依赖
$ npm install vant-weapp -S --production执行后，可以进入package.json文件，查看dependencies是不是已经包含了vant-weapp，有的话，说明添加成功。接下来，打开项目里的build/webpack.base.conf.js文件，
在baseWebpackConfig.plugins数组里增加多一个CopyWebpackPlugin。主要是为了mpvue在编译成微信小程序开发语言的时候，也顺带把vant组件复制到目录里&#x
最低0.47元/天 解锁文章
761
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
