什么是 broccoli-es6-npm-compiler？
broccoli-es6-npm-compiler 是一个可以帮助前端开发者快速构建 ES6 npm 包的工具。它基于 broccoli 构建了一套专门处理 ES6 格式代码的编译器，并提供了丰富的配置选项和插件支持来满足不同的开发需求。
安装
broccoli-es6-npm-compiler 可以通过 npm 进行安装：
npm install --save-dev broccoli-es6-npm-compiler
使用教程
创建项目
首先，我们需要创建一个 npm 包项目：
mkdir awesome-package cd awesome-package npm init --y
这样就创建了一个空的 npm 包项目。
安装 broccoli-es6-npm-compiler
接下来，我们需要安装 broccoli-es6-npm-compiler 以及其所需的依赖：
npm install --save-dev broccoli broccoli-es6-npm-compiler broccoli-funnel
创建 Brocfile.js 文件
在项目根目录下创建 Brocfile.js 文件，并输入以下代码：
-- -------------------- ---- ------- ----- ---------- - ------------------------------------- ----- ------ - --------------------------- ----- --- - ------ ----- --- - ----------- - -------- ----------- --- ----- --- - ---------------- -------------- - ----
这段代码的作用是将 src 目录下的所有 .js 文件编译成 ES5 格式的代码，并输出到 lib 目录中。
创建源代码文件
在项目根目录下创建 src 目录，并在其中创建某个模块的源代码文件（例如 src/index.js）。
编译代码
最后，运行以下命令即可编译代码：
broccoli build dist
这会将编译后的代码输出到 dist 目录中。
配置编译器
broccoli-es6-npm-compiler 通过配置选项和插件来满足不同的开发需求。例如，要添加 babel-preset-env 插件，可以在 Brocfile.js 文件中加入以下代码：
-- -------------------- ---- -------
----- ---------- - -------------------------------------
----- -------------- - ----------------------------
----- --- - ------
----- --- - ----------- -
-------- -----------
---
----- ------- - -
------ -
-------- ----------------
-
--
----- --- - --------------- ---------
-------------- - ----这样，编译器就会自动使用 babel-preset-env 插件来处理源代码。
示例代码
以下是一个简单的示例代码，展示了如何在 npm 包项目中使用 broccoli-es6-npm-compiler：
const hello = () => {
console.log('Hello world!');
};
export default hello;在 Brocfile.js 文件中，可以这样配置编译器：
-- -------------------- ---- ------- ----- ---------- - ------------------------------------- ----- ------ - --------------------------- ----- --- - ------ ----- --- - ----------- - -------- ----------- --- ----- --- - ---------------- -------------- - ----
这样就可以将源代码编译成 ES5 格式的代码，供其他项目使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8bccdc64669dde5343