create-react-app脚手架核心源码之/packages/create-react-app解读（三）

最新推荐文章于 2024-06-21 10:24:00 发布

原创最新推荐文章于 2024-06-21 10:24:00 发布 · 128 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #前端

前端同时被 2 个专栏收录

20 篇文章

订阅专栏

React

16 篇文章

订阅专栏

这篇文章详细解读了create-react-app中checkForLatestVersion函数的作用，它通过Promise发起HTTP请求获取npm registry的create-react-app包的最新版本tag，并解析返回结果。

checkForLatestVersion函数

在create-react-app脚手架的目录为/packages/create-react-app/createReactApp.js

函数名的含义：检查最新版本

首先查看源码：

function checkForLatestVersion() {
  return new Promise((resolve, reject) => {
    https
      .get(
        'https://registry.npmjs.org/-/package/create-react-app/dist-tags',
        res => {
          if (res.statusCode === 200) {
            let body = '';
            res.on('data', data => (body += data));
            res.on('end', () => {
              resolve(JSON.parse(body).latest);
            });
          } else {
            reject();
          }
        }
      )
      .on('error', () => {
        reject();
      });
  });
}