什么是 brunch-es6-transpiler？
brunch-es6-transpiler 是一个 npm 包，它是一个 brunch 插件，可将 ES6 代码转换为 ES5 代码。使用该插件可以通过 brunch 编译工具自动地将 ES6 代码转化为 ES5 代码从而兼容在旧版浏览器中直接运行。
为什么选择 brunch-es6-transpiler？
随着 ES6 相关特性的逐渐增多，使用原生语法编写的 JS 代码难以兼容在旧版浏览器中运行。而使用 brunch-es6-transpiler 插件可以将 ES6 代码转换为 ES5 代码，这样就可以在旧版浏览器中运行，也不会影响到现代浏览器的兼容性。
brunch-es6-transpiler 安装
brunch-es6-transpiler 的安装非常简单，只需运行以下命令即可：
npm install --save-dev brunch-es6-transpiler
brunch-es6-transpiler 配置
在 brunch 的配置文件中添加以下配置即可使用 brunch-es6-transpile 插件：
-- -------------------- ---- -------
-------------- - -
-- ---
-------- -
------ -
-------- -----------
-------- -----------------
-
-
-- ---
--这里，我们使用 babel 作为 brunch-es6-transpiler 的转换引擎，使用 presets: ['es2015'] 将 ES6 代码转换为 ES5 代码，同时指定了要转换的文件类型为 .js、.jsx 或 .es6 文件。
示例代码
ES6 代码
以下是一个简单的 ES6 模块代码，它包括一个类和两种方法：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
--- ------------- -
------ ------ --------------
-
--- -------------------- -
--------- - --------
-
-
------ ------- -------ES5 代码
使用 brunch-es6-transpiler 插件将该 ES6 代码转换为 ES5 代码后的结果如下：
-- -------------------- ---- -------
--- ------ - ---------- -
-------- ------------ -
--------------------- --------
--------- - -----
-
-------------------- --
---- --------------
---- -------- ----- -
------ ------ - - ----------
--
---- -------- ------------ -
--------- - --------
-
----
------ -------
----
------------------ - -------总结
通过 brunch-es6-transpiler 插件，我们可以将 ES6 代码转换为 ES5 代码，提高代码的可兼容性和可维护性。在使用 brunch 编译工具时，只需简单地配置 brunches.js 文件，即可顺利使用 brunch-es6-transpiler 插件完成代码转换。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8accdc64669dde521a