在taro中,直接在usingComponents引入组件会报错,因为taro在打包复制的时候会忽略vant组件中wxs结尾的文件
- 在/src/components下新建文件夹vant
- 在vant的git官网上下载vant的代码包,或者直接运行下列命令行
git clone https://github.com/youzan/vant-weapp.git
- 在使用组件的页面config中加入usingComponents属性
homepage.config = {
usingComponents: {
"van-popup": "../../components/vant/dist/popup/index"
}
}
- 在 /config/index.js 中增加copy.pattern属性,解决taro打包时跳过.wxs文件不复制的问题,让其在编译时,自动将完整的组件代码复制到dist对应目录下
copy: {
patterns: [
{
from: 'src/components/vant/dist/wxs/',
to: 'dist/components/vant/dist/wxs/'
},
{
from: 'src/components/vant/dist/sticky',
to: 'dist/components/vant/dist/sticky'
},
{
from: 'src/components/vant/dist/popup',
to: 'dist/components/vant/dist/popup'
},
{
from: 'src/components/vant/dist/icon',
to: 'dist/components/vant/dist/icon'
}
],
options: {}
}