什么是 @taskr/buble?
@taskr/buble 是一个基于 Buble 进行 ES6+ 转换的 Taskr 插件。Buble 是一个能够将 JavaScript ES2015+ 代码转换为 ES5 代码的工具,它是一个超级快、轻量级的编译器,向下兼容到 IE8。
安装
在使用 @taskr/buble 之前,你需要在你的机器上安装 Node.js 和 Taskr:
$ npm install -g taskr
在你的项目目录下,运行以下命令安装 @taskr/buble:
$ npm install @taskr/buble --save-dev
使用方法
在 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