uni迁移到Taro

• node版本切到14

• 全局安装taro-cli, 参考taro快速开始

• 创建项目时候选择webpack4

• uni.api 修改为Taro.api

注意uni的api使用时不需要引入uni, Taro需要导入import Taro from '@tarojs/taro'

uni.getStorage()
// =>
import Taro from '@tarojs/taro'
Taro.getStorage()

• Taro 不支持style标签的scoped, 改成CSS Modules

1. 在配置中开启CSS Modules, 参考taro

<style lang="scss" scoped>
// => 
<style lang="scss" module>


class="main"
// => 
:class="$style['main']"

// 搜索框快速替换正则
class="([^"]+)"
:class="$style['$1']"

// 多类名或者原本有:class属性的需要再修改
:class="{
    [$style['class1']]: true,
    [$style['class2']]: true
  }"

• taro不支持部分html标签, 需要转成v-html写法, 通过addEventListener添加事件