【场景还原】
今天尝试了下wepy引入vant框架。
首先,我先下载了vant小程序的组件。然后把其中的dist/button拷贝到了wepy项目的src/components目录。
OK。在页面引入:
路径是没有问题的。微信web开发者工具,启动!
…
??报错了。报错信息说找不到common/index.wxss。
我们打开编译后的文件看一下:
哦。原来button引入了common这个目录。
我们把common拷贝过去,再试试。结果还是报错→
仅凭这个报错信息,我实在找不出哪里有问题啊!
我们删除dist目录,重启npm dev run (重启wepy build --watch)
再次运行。
发现编译器终于给出了一条有价值的报错信息!
原来还缺少对mixins文件夹的引用。
拷贝过去,运行,重复以上步骤。
会再次提示你
OK。loading也拷过去。终于成功了。
【反思】
1、wepy的缓存问题需要注意。
有人在github留言说:
wepy build --no-cache --watch
可以解决缓存问题。但我试了下,没有用。
2、推荐的引入vant ui的方法。
由于vant 的UI组件,有很多相互引用的情况。
所以建议你直接把vant-weapp-dev/dist下所有的文件夹拷贝到项目目录。
反正打包的时候,没引入的模块是不会被打包的。
但这样有个问题。比如我想把项目分享到github上去。
那么好多没用过的组件也会被上传。
可能还有更好的解决方法吧,有机会我会持续关注。
也欢迎你在评论留言指教。