现在我们直接使用官方推荐的 Babel升级工具 来升级现有项目试试1. 使用Babel升级工具# 不安装，直接使用npx来执行npx babel-upgrade --write# 或是安裝 babel-upgrade 在 global 並執行yarn global add babel-upgradebabel-upgrade --write至此我们可以看到 package.json 中移除了旧版本的依赖，自动新增了新版名称，.babelrc 文件的配置也会自动修改，但是不会删除已有的插件，

我们知道组件和自顶向下的单向数据流帮我们将大型 UI 组织成小的、独立的、可复用的部分。然而，由于逻辑是有状态的，不能提取到函数或其他组件，我们通常无法进一步分解复杂组件。这些情况非常常见，包括动画、表单处理、异步请求数据等，以及我们希望从组件中完成的许多其他事情。 当我们试图单独使用组件来解决这些用例时，我们通常会得到:难以重构和测试的大型组件（我们已经制造了很多这种组件）不同组件和生命周期方法之间的重复逻辑（各种场景都很常见）发明了很多复杂的模式，比如 Mixins、 Render porp

一、背景介绍目前公司的Android项目都使用了WebP插件进行图片的优化。该插件主要是在线上打包系统进行build时才会进行的一个图片优化的动作。通过将PNG图片转换成webp格式减少包体积大小。目前最新的插件版本是1.0.4二、当前WebP插件的实现插件的实现机制比较简单，主要是通过三个Gradle Task来完成：DownloadLibTask从https://storage.googleapis.com/downloads.webmproject.org/releases/webp/下载