1.在项目中下载vant组件库依赖包
npm i @vant/weapp --save
2.在项目config文件夹目录下的index文件中,设置patterns
解决taro打包时跳过.wxs文件不复制的问题,让其在编译时,自动将完整的组件代码复制到dist对应目录下
patterns: [
{
from: "node_modules/@vant/weapp/dist/",
to: "src/vant/",
},
],
3.还是在上述文件中将vant组件库的样式加入到忽略名单中
selectorBlackList: [/van-/]
4.在要使用的页面下设置index.config配置文件,推荐使用绝对路径,如果引入失败请排查是否是路径有问题
export default definePageConfig({
navigationBarTitleText: "未来",
// 定义需要引入的第三方组件
usingComponents: {
"van-button": "../../vant/button/index",
},
});