一、根据官网文档初始化项目
react + ts + less + weabpack5 + 默认模版
二、下载微信小程序开发者工具、支付宝开发者工具
三、遇到的问题
- 我下载的支付宝开发者工具为v3.9.7，实际开发的时候支付宝预览会报错
将版本换成3.8.21后可以了
2.默认初始化的项目是不支持支付宝小程序的，因此需要添加支付宝小程序的配置
但是我添加project.alipay.jsonme没有生效，后面换成mini.project.json可以了
3.解决支付宝小程序编译报错
4.因为支付宝端和微信端都有不同场景，需要动态变化tabbar（这也是个坑，微信端和支付宝端的tabbar文件是不一样的） 针对微信小程序，增加了custom-tab-bar文件 针对支付宝小程序，增加customize-tab-bar文件
5.引入nutui， "@nutui/icons-react-taro": "^1.0.4","@nutui/nutui-react-taro": "^2.6.16" 但是icon显示不出来，不知道为啥
import { ArrowRight } from '@nutui/icons-react-taro';
6.模块引入顺序不一致报错
解决：
mini: { postcss: { pxtransform: { enable: true, config: {}, }, cssModules: { enable: true, // 默认为 false，如需使用 css modules 功能，则设为 true config: { namingPattern: 'global', // 转换模式，取值为 global/module generateScopedName: '[name]__[local]___[hash:base64:5]', }, }, }, miniCssExtractPluginOption: { ignoreOrder: true, }, },
7.支付宝小程序构建失败
解决：
