在前端开发中，我们经常会使用到 npm 包。其中，mendel-transform-buble 是一个非常有用的 npm 包，它可以帮助我们将 ES6/ES7 代码转换为 ES5 代码，以便在老旧浏览器中运行。本文将详细介绍如何使用该 npm 包。
什么是 mendel-transform-buble？
mendel-transform-buble 是一个基于 Buble 转换器的 Mendel 变换器。它可以将 ES6/ES7 代码转换为 ES5 代码，并生成 sourcemaps。同时，它具有缓存机制，可以提高构建速度。mendel-transform-buble 是 Mendel 构建神器的一部分，可以用于模块版本控制。
如何使用 mendel-transform-buble？
安装
要使用 mendel-transform-buble，你需要先将它作为依赖项添加到你的项目中。在命令行中输入以下命令：
npm install mendel-transform-buble --save-dev
配置
接下来，你需要配置 Mendel 变换器，以使其使用 mendel-transform-buble。在 Mendel 配置文件中（通常是 mendel.js），添加以下内容：
-- -------------------- ---- -------
----- -------------- - ----------------------------------
-------------- - -
-- ---
----------- -
-- ---
----------------
-- --
---
-- ---
--
-- ---
--其中，options 是一个可选对象，可以提供用于配置 Buble 转换器的选项。
使用
完成上述配置后，你就可以在 Mendel 中使用 mendel-transform-buble 了。在 Mendel 变换器中，找到某个使用了 ES6/ES7 语法的模块，例如：
// my-module.js
export const hello = () => {
console.log('Hello, world!');
}然后，使用 CommonJS 模块导入该模块，并在代码中使用它：
const {hello} = require('./my-module');
hello();当你进行构建时，Mendel 变换器会自动将该模块转换为 ES5 代码：
-- -------------------- ---- -------
---- --------
------------------------------ ------------- -
------ ----
---
------------- - ---- --
--- --------- - ----------
--- ----- - -------- ------- -
------------------- ---------
--
------------- - ------结语
本文介绍了 npm 包 mendel-transform-buble 的使用方法。通过这个简短的教程，你可以在 Mendel 项目中使用该 npm 包，将 ES6/ES7 代码转换成 ES5 代码，让你的项目在老旧浏览器中也能正常运行。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3e1d8e776d08040b27