npm 包 @taskr/buble 使用教程

阅读时长 3 分钟读完

什么是 @taskr/buble?

@taskr/buble 是一个基于 Buble 进行 ES6+ 转换的 Taskr 插件。Buble 是一个能够将 JavaScript ES2015+ 代码转换为 ES5 代码的工具,它是一个超级快、轻量级的编译器,向下兼容到 IE8。

安装

在使用 @taskr/buble 之前,你需要在你的机器上安装 Node.js 和 Taskr:

在你的项目目录下,运行以下命令安装 @taskr/buble:

使用方法

在 Taskfile.js 中引入 @taskr/buble 并注册 task:

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

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

在上面这个例子中,我们将 src 文件夹下的所有 .js 文件编译成可在 IE8 中运行的 ES5 代码,并将其输出到 dist 文件夹。

除了上述例子中的 .source(), .pipe(), 和 .target() 方法以外,Taskr 还提供了很多其他的方法和 API,我们可以使用它们来构建更加定制化的任务流。

配置选项

@taskr/buble 会自动使用 Buble 的默认配置进行编译,如果你需要更多的定制化配置,可以在注册任务时传递一个配置对象作为参数:

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

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

在上述例子中,我们开启了 dangerousForOf 转换器,这意味着我们可以在循环中使用 for...of 循环语句。你可以在 Buble 官方文档中找到更多的转换器和配置选项。

总结

通过阅读这篇文章,你应该已经了解了如何安装和使用 @taskr/buble 这个 Node.js 包。在以后的项目中,你可以使用它来编译 ES6+ 代码,使其能够在任何浏览器上运行。以上是对该包的简单教程,我们同样可以使用 Taskr 和 Buble 搭配进行更为灵活的定制化操作。

如果你对 Node.js 生态圈中其他的包和工具也感兴趣,我建议你在继续阅读 Taskr、Buble 以及 JavaScript 标准(ES6+)的文档的同时,多读一些社区 contributed 的文章。它们通常包含了一些好的习惯、代码示例和技术实现的详细解释。

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

纠错
反馈