什么是 Broccoli-es6-transpiler？
Broccoli-es6-transpiler 是一个 npm 包，它可以将 ES6 代码转换成 ES5 代码，可以用于前端开发中。它基于 babel-core 和 broccoli，提供了一个简单的命令行接口。使用 Broccoli-es6-transpiler 可以大幅提升 ES6 代码的兼容性和稳定性。
安装步骤
使用 Broccoli-es6-transpiler，需要先安装 Node.js 和 npm。
接着，我们打开终端，输入以下命令进行安装：
npm i broccoli-es6-transpiler --save-dev
安装成功后，我们就可以在项目中使用了。
使用教程
下面我们来演示如何使用 Broccoli-es6-transpiler 来转换 ES6 代码。我们假设有一个 ES6 模块，代码如下：
// src/greet.js
export default function(name) {
console.log(`Hello, ${name}!`);
}我们希望将该模块转成 ES5 代码。首先，我们需要引入 Broccoli-es6-transpiler：
// broccoli.js
const Broccoli = require('broccoli');
const transpileES6 = require('broccoli-es6-transpiler');接着，我们定义一个 Broccoli 树：
// broccoli.js
const tree = new Broccoli('src');其中，'src' 是我们的源代码目录。
然后，我们使用 Broccoli-es6-transpiler 进行转换：
// broccoli.js
const transpileTree = transpileES6(tree, {});其中，第二个参数是一个配置对象，可以用来配置转换器的行为。
最后，我们将转换后的代码输出到指定目录：
// broccoli.js const outputPath = 'dist'; module.exports = new Broccoli(transpileTree, outputPath);
这样，我们就完成了转换。最终的代码如下：
-- -------------------- ---- -------
-- -------------
---- --------
------------------ - -----
--------------- - ---- --
-------- --------------------------- - ------ --- -- -------------- - --- - - ---------- --- -- -
--- ---------
-------- --------------- -
------ -------- - --------------------------------
-
--- ----------------
-------- ------------------------------- ---- -
------ ---------------------------------------------- -
---- -
------ ------------------
-
----
-
-------- ------------------- -
------ ---------------
-
-------- ------------------ -
--- ---- - --------------------------- ------ -- --------
---------------- - -------- ------------------ -
------ -----
--
------ -----
-
--- -------- - -------- -------------- -
--- -------------- -- ------------------------------------------------------------------------ -- ---------------- - --------------------------- ------ -- ------------------
--
--------------- - ---------配置选项
Broccoli-es6-transpiler 支持多种配置选项，以下是常用的一些选项：
plugins：配置用来转换代码的插件列表，默认为[]。babelOptions：配置 Babel 转换器的选项对象，默认为{}。sourceMapConfig：配置生成 source map 的选项对象，默认为{}。
我们可以将这些选项传入 transpileES6 方法中：
-- -------------------- ---- -------
----- ---------------- - -
-------- -
-----------------------------------
--------------------------
--
------------- -
-------- --------
---------- --------
--
---------------- -
-------- -----
----------- ------
-
--
----- ------------- - ------------------ ------------------总结
使用 Broccoli-es6-transpiler 可以将 ES6 代码转换成 ES5 代码，从而提高浏览器兼容性和稳定性。本文介绍了 Broccoli-es6-transpiler 的基本用法以及常用配置选项。希望本文能对前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8bccdc64669dde5344