taro配置react-vant

要在 Taro 中使用 React-Vant，需要进行以下步骤：

1. 安装 React-Vant 和相关依赖：

npm install react-vant vant -S
npm install babel-plugin-import style-loader css-loader postcss-loader postcss-import autoprefixer -D

2. 在 Taro 的 `config/index.js` 文件中添加 `postcss` 配置：

postcss: {
  plugins: [
    require('postcss-import'),
    require('autoprefixer')
  ]
}

3. 在 `babel.config.js` 文件中添加 `babel-plugin-import` 插件：

module.exports = {
  presets: [
    ['taro', {
      framework: 'react',
      ts: true
    }]
  ],
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }]
  ]
}

4. 在 `app.js` 中引入 `vant` 的样式文件：

import 'vant/lib/index.css'

5. 在需要使用组件的页面中引入需要的组件：

import { Button } from 'react-vant'

function MyPage() {
  return (
    <Button>Click Me</Button>
  )
}

这样就可以在 Taro 中使用 React-Vant 了。