简介
rollup-plugin-nodent 是一个 Rollup 插件，它能够将 JavaScript 代码转换为使用 async/await 和 generator 的 ES5 代码。这个插件依赖于 nodent 模块，因此首先需要在项目中安装 nodent。
安装
npm install nodent --save-dev npm install rollup-plugin-nodent --save-dev
配置
在 Rollup 的配置文件中增加 rollup-plugin-nodent 插件的配置信息：
-- -------------------- ---- -------
------ ------ ---- ---------
------ ------------------ ---- -----------------------
------ ------- -
------ ---------------
------- -
----- -----------------
------- ------
--
-------- -
--------------------
-------
--------- -----
---------- -----
--
-
--其中，nodent 参数指定了 nodent 模块对象，promises 参数告诉 nodent 要使用 Promise API，sourcemap 参数表示是否生成 sourcemap 文件。
示例
下面是一个示例代码，它使用了 async/await 和 generator：
-- -------------------- ---- ------- ----- -------- --------- - ----- ------- - ----- -------- ----- ------- - ----- --------------- ----- ------- - ----- --------------- ------ -------- - --------- ------------------ - ----- ------- - ----- -------- ----- ------- - ----- --------------- ----- ------- - ----- --------------- ------ -------- -
使用 rollup-plugin-nodent 插件将这段代码转换为 ES5 代码：
-- -------------------- ---- -------
-------- --------- -
------ -------------------- -- -
--- -------- -------- --------
------- - ----- ----------
------- - ----- -----------------
------- - ----- -----------------
------ --------
-- ------
-
-------- ------------------ -
------ -------------------- -- -
--- -------- -------- --------
------- - ----- ----------
------- - ----- -----------------
------- - ----- -----------------
------ --------
-- ------
-总结
通过使用 rollup-plugin-nodent，我们可以在浏览器中使用 async/await 和 generator，并且不用担心它们是否被支持。这个插件的配置和使用非常简单，只需要增加一个插件配置即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41438