uniapp的项目遇到的一些学习实践

1，屏幕适配的优化，首先采用rpx单位，uniapp会自动帮转成rem，切可以多端适配，但是在开发h5的时候，会遇到电脑端打开的情况，就会遇到现在这种图片，看起来很不美观，所以可以采用限制内容的宽度。

.uni-page-body,
.uni-page-head,
.uni-tabbar,
#app {
  max-width: 750rpx; /* 根据设计稿设置，常见 750px */
  margin: 0 auto; /* 居中 */
}

2，h5和小程序兼容性很差

3，小程序子包A没法引用子包B的组件

这里尽可能的将组件放在src这一层，或者pages这一层。不然当前的分包只能用当前分包的组件，转成小程序之后无法使用其他子包的组件库或者hooks

4，uniapp转成小程序的时候，样式会失效

5，uniapp事件穿透

6，开发工具莫名奇妙没法编译，用命令行启动也是正常的

这里因为vue版本的问题，项目使用的vue3版本，但是在mainjson里面选的版本是vue2,一开始总以为是依赖的问题，后面发现是版本选择的问题

7，没法在小程序端打印日志

vite中配置了项目压缩，但是也通过环境去配置，开发环境不去除console,如果只是配置了terseroptions，小程序依然不会输出日志，目前还没确定是否是开发工具还是还是打包工具问题，单纯配置terseroptions的时候在h5端是正常的，小程序端不行，小程序端还是要配置minify:false