mpvue项目使用第三方UI框架vant weapp

简直醉了。。。折腾了好几个小时，各种百度，vant-weapp的dist目录各种放各种试都不行，都试得要睡着了，没想到。。。居然只是差微信开发者工具里面一个勾。吐血。。。。

我们搜到的教程都是说从vant-weapp的git仓库中下载源码，拷贝dist目录到我们创建的mpvue项目文件的static或者dist或者…文件夹中，我觉得都可以吧，只是涉及你引用组件时的路径怎么写。

这里把vant-weapp的dist目录重命名为vant-weapp放在项目根目录的static文件夹下：

在src文件夹下，即我们写vue代码的位置，正在编写的页面中添加main.json文件（vue代码编译成小程序代码时会直接使用这个文件）:

{
  "usingComponents": {
    "van-button": "/static/vant-weapp/button/index"        
    //这个路径是指根目录下static文件中...
  }
}

然后就可以运行了：cmd->

npm run dev

接着打开微信开发者工具，会发现报错：

打开微信开发者工具的“详情”右侧栏，有一个ES6转ES5：

把这个“ES6转ES5”的选项勾上就不会报错了…出现vant-weapp的样式。