简介
engine-builder 是一个基于 Node.js 的构建引擎。它可以帮助前端开发者构建项目，自动化打包、压缩等。通过使用 engine-builder，我们可以轻松管理我们的前端项目，减少手动操作的错误，提高效率。
安装
engine-builder 可以直接通过 npm 安装，命令如下：
npm install engine-builder --save-dev
安装完成后，在项目的 package.json 文件中会出现以下依赖信息：
{ "devDependencies": { "engine-builder": "^1.0.0" } }
使用
基本用法
engine-builder 可以通过命令行使用，只需在项目根目录下运行：
engine-builder
此时，engine-builder 会寻找项目中的 config 文件夹下的配置文件，并按照配置文件中的要求进行构建。
配置
engine-builder 的配置文件为 JSON 格式，例如：
-- -------------------- ---- ------- - -------- - ------ -------------- -- --------- - ------- --------- ----------- ----------- - -展开代码
以上配置文件中，entry 字段指定了入口文件，output 字段指定了输出文件的路径和文件名。
使用插件
engine-builder 可以通过插件扩展其功能。在配置文件中，使用 plugins 字段来指定需要使用的插件，例如：
-- -------------------- ---- ------- - -------- - ------ -------------- -- --------- - ------- --------- ----------- ----------- -- ---------- - - ------- --------- ---------- - ----------- ---- - - - -展开代码
以上配置文件中，plugins 字段指定了使用一个名为 "uglify" 的插件，并且传入了 "compress" 选项。
示例
以下为一个简单的示例，假设我们有一个项目结构如下：
├── package.json ├── src │ └── index.js └── config └── dev.config.json
我们的目标是构建出一个压缩后的 index.js 文件。
首先，在项目根目录下安装 engine-builder：
npm install engine-builder --save-dev
接着，在 config 文件夹下新建 dev.config.json 配置文件：
-- -------------------- ---- ------- - -------- - ------ ---------------- -- --------- - ------- --------- ----------- ----------- -- ---------- - - ------- --------- ---------- - ----------- ---- - - - -展开代码
以上配置文件中，我们指定了入口文件为 src/index.js，输出文件为 dist/app.js，并且使用了 uglify 插件进行压缩。
最后，在命令行中运行：
engine-builder --config ./config/dev.config.json
即可得到一个压缩后的 dist/app.js 文件。
结论
通过使用 engine-builder，我们可以快速构建前端项目，减少手动操作的错误，提高效率。使用插件可以进一步扩展其功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e26a563576b7b1ecf46
