Taro 引入 npm @vant/weapp

安装依赖

# 通过 npm 安装
npm i @vant/weapp --save

# 通过 yarn 安装
yarn add @vant/weapp

配置忽略 vant 的样式尺寸转换

如果直接使用 vant 组件，会发现样式偏小的情况，这是因为 Taro 默认将 vant 的样式尺寸从 px 转换为了 rpx，可以通过配置 selectorblacklist 来禁止转换。

// config/index.js
const config = {
   
  // ...
  mini: {
   
    postcss: {
   
      pxtransform: {
   
        enable: true,
        config: {
   
          selectorBlackList: [/van-/]
        }
      }
    }
  },
}

映射目录

@vant/weapp目录：@vant/weapp/dist
代码目录：src/vant
打包目录：dist/vant

// config/index.js
const config = {
   
  // ...
  alias: {