npm 包 `nascent.upgrader` 使用教程

阅读时长 4 分钟读完

什么是 nascent.upgrader

nascent.upgrader 是一个 JavaScript 库,用于自动升级 Web 应用程序的依赖。它可以自动更新 npm 包、CDN 库和浏览器 API。目前该库支持最新的 ECMAScript 版本,具有自动检测浏览器版本以及自动处理差异的功能,是前端开发的一项重要利器。

安装 nascent.upgrader

你可以使用 npm 安装 nascent.upgrader:

或者,在 HTML 文件中引用:

使用 nascent.upgrader

简单示例

以下是一个简单的 nascent.upgrader 示例:

-- -------------------- ---- -------
------ - ------- - ---- -------------------

---------
  --------- -
    ----------------
    -------------
  --
  ----- -
    -------------------------------
    ---------------------------------------------
  --
---

该示例从 npm 仓库更新了 jqueryvue,并从 CDN 中获取了 vuejquery 的最新版本。

API

upgrade(options: Options): Promise<Result>

更新依赖项并返回操作结果。以下是 Options 参数所包含的属性:

  • packages: 要升级的 npm 包和版本号,通常为 @latest
  • cdns: 要升级的 CDN 库和版本号,通常为 @latest
  • browsers: 要升级支持的浏览器版本,例如 { chrome: '75', firefox: '63', safari: '11' }
  • background: 在后台静默升级,不显示界面。

以下是 Result 参数所包含的属性:

  • packages: 升级的 npm 包列表。
  • cdns: 升级的 CDN 库列表。
  • browsers: 升级的浏览器列表。

upgrade.prompt(options: Options): Promise<Result>

提示用户更新依赖项,并返回操作结果。

更多示例

以下是一个更复杂的示例,它演示了如何在后台升级并使用升级后的 CDN 库执行某些任务:

-- -------------------- ---- -------
----- ------ - ----- ---------
  --------- -
    ---------------
    ---------------
  --
  ----- -
    --------------------------------------------
    ---------------------------------
  --
  --------- -
    ------- -----
    -------- -----
    ------- -----
  --
  ----------- -----
---

-- ------------ -- ------------------ - -- -
  ----- ------- ------ - ----- -------------
    ----------------------------------------------------
    -----------------------------------------
  ---

  ----- ----- - -------------------- --- ----
  ----- --- - ---------------------- --- ----

  -- ------
-

在此示例中,我们更新了 ReactRedux 并从 CDN 中获取了最新版本。在 result.cdns 不为空时,我们使用升级后的 ReactRedux 创建了一个 store 和一个 App 组件,最终将该应用程序呈现给用户。

总结

nascent.upgrader 是一个非常有用的 JavaScript 库,它可以自动升级 Web 应用程序的依赖项,节省了我们大量的时间和精力。它支持许多常见的 npm 包和 CDN 库,并具有自动检测浏览器版本和自动处理差异的功能。

如果你希望在 Web 开发中更加高效自动化,nascent.upgrader 是非常值得尝试的。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600553c481e8991b448d1075

纠错
反馈