青岛软件培训
  • 首页 (current)
  • 培训课程
  • 开班公告
  • 万码励志
  • 技术文章
  • 万码人
  • 行业新闻
  • 培训问答
  • 学习笔记
  • 留言

React-Native转小程序调研报告:Taro & Alita

2019-11-02 11:51

 

 

 
2.我这里写入一个Alita禁止的写法: 使用as关键字

 

复制代码
// 修改前的 good style import React, {Component } from 'react'; // 修改后的 bad styleimport React, {Component as BadComponent} from 'react'; export default class C extends BadComponent {   }
复制代码

 

 

原本打包后c目录下原本有文件的,现在啥都没有了
 
 
3.也就是说项目中一定不能有上面所讲的Alita禁止的写法,必须要进行转化
 

借助eslint排查和修改不符合alita风格的代码

首先我们要把Alita提供的eslint插件导入项目,把不符合Alita要求的代码风格改掉,我们来看下eslint有哪些规则
 

Alita转化前代码风格修改流程

注意一个问题:并不是所有有问题的代码风格alita的eslint插件都会做提示,实际上,它只会对80%的有问题的代码报出警告,所以有部分代码风格我们是要手动发现和修改的。所以我把问题分成了三类,分别按三种方式处理

A类问题

这些不符合eslint的代码是会有警告的

解决办法:逐个文件过一遍,把警告消除就好
  • 高阶组件限制,也就是路由深度不大于5层

  • 动画组件要使用alita的

  • 静态限制

  • global变量不允许使用

  • 一个文件最多只能定义一个组件

青岛软件培训

选择一家好的青岛软件培训学校,就要看教学质量和口碑

万码学堂-做最负责任的教育-联系电话0532-85025005

鲁ICP备09077726号-3