Taro 小程序 踩坑记录

• taro2.x、3.x不支持commonJS写法（自测3.0.16版本以上支持），类似于下面这种写法，渲染不出来图片

  <Image src={require('../../images/icon.png')} />  // require commonJS写法

  可参考：https://blog.csdn.net/qq_44114279/article/details/107359920

•  运行时使用yarn dev:weapp，当生成的包大小大于2048kb时真机无法预览或者调试，建议运行命令为NODE_ENV=production taro build --type weapp --watch （ NODE_ENV 为 production 可以开启压缩）

• 如果你的设计稿不是750、640、828三种尺寸之一（假如设计稿尺寸为375），config/index.js文件下的designWidth要配置为375，同时要在DEVICE_RATIO中添加换算规则，官方文档提供的是2/1（taro 3.x 1/2正常）

• 如果你的设计稿尺寸不是750、640、828三种尺寸之一（假如设计稿尺寸为375），但是组件库taro-ui的使用的尺寸是750，此时使用taro-ui里的组件，显示的效果是不对的，解决办法安装postcss-px-scale插件，并在config/index.js中配置