firefly-cli 是一个前端项目脚手架工具，使用它可以快速搭建前端项目，同时具备 webpack 构建、eslint 代码检查、测试等多个功能。本文将详细介绍如何使用这个 npm 包。
安装
使用 npm 进行全局安装：
npm install -g firefly-cli
创建项目
使用 firefly-cli 创建项目非常简单，只需要执行如下命令：
firefly create my-project
这个命令会在当前目录下创建一个名为“my-project”的项目，同时自动安装相关依赖。
配置
使用 firefly-cli 创建的项目，可以通过修改项目根目录下的“firefly.config.js”文件来进行配置。这个文件中包含如下配置项：
- port：指定项目运行的端口号。
- api：指定接口代理地址。可以为字符串或对象，其中 key 代表需要代理的接口，value 为代理地址。
- alias：定义 import 时的别名，可以简化 import 路径。
- global：定义全局变量，可以直接在代码中使用，不需要 import。
示例代码：
-- -------------------- ---- -------
-------------- - -
----- -----
---- -
------- ------------------------
---------- -----------------------
--
------ -
---- ------
----- -----------------------
--
------- -
------ --------
--------- -----------
-
-运行项目
在项目根目录下执行如下命令即可启动项目：
firefly start
该命令会启动一个本地开发服务器，并在浏览器中打开项目页面。同时，它也会监听源代码变化，实时重新构建和刷新页面。
构建项目
在项目根目录下执行如下命令即可进行项目构建：
firefly build
这个命令会将源代码进行打包，生成生产环境所需要的静态资源文件，包括 HTML、CSS、JavaScript 等文件。
测试项目
firefly-cli 内置了 Jest 测试框架，可以方便地进行单元测试、快照测试等测试。
在项目根目录下执行如下命令即可进行测试：
firefly test
该命令会执行项目中的全部测试。
总结
通过本文的介绍，我们了解了如何安装、创建、配置、运行、构建和测试使用 firefly-cli。同时也学习了如何使用“firefly.config.js”文件进行项目配置。希望这篇文章对你学习前端开发有所启示。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a830d09270238226eb