在 Web 前端开发过程中，前端资源的合并和压缩所起到的作用不言而喻。有许多工具可以帮助我们完成这项工作，例如 Gulp、Webpack 等，然而这些工具大多数都是基于 Node.js 的，那么如何在 Node.js 应用中快速集成前端打包资源呢？
在本文中，我们将介绍 npm 包 koa-enb-make，它是一个基于 ENB 构建系统的自动化打包工具，可以将前端资源直接打包到 koa 应用中。我们将详细介绍 koa-enb-make 的使用方法和注意事项，以及如何在 koa 应用中使用它。
什么是 koa-enb-make？
koa-enb-make 是一个 Gulp 工具的封装，它基于 ENB 构建系统，用来自动化打包前端资源。这个工具会在你的 koa 应用启动时自动运行，按照配置文件中定义的规则将前端资源打包到 koa 中，从而使得 koa 应用可以处理前端页面和资源的请求。
框架重点
安装和配置 koa-enb-make
安装 koa-enb-make 很简单，只需要在你的 koa 应用的根目录下执行以下命令：
npm install --save-dev koa-enb-make
之后，需要在项目中配置 koa-enb-make，例如在 koa 的主文件中：
var Koa = require('koa');
var app = new Koa();
require('koa-enb-make')(app);
app.listen(3000);这样一来，koa-enb-make 就已经被整合到你的 koa 应用中了。
使用 koa-enb-make 打包前端资源
在 koa-enb-make 中，使用 ENB 的方式进行打包，所以需要配置 ENB 的配置文件。通常，这个配置文件被命名为 .enb/make.js。安装 ENB 的方法非常简单，只需要在项目根目录下执行以下命令即可：
npm install --save-dev enb
接下来，在你的 koa 应用根目录下创建 .enb/make.js 文件。我们在这个文件中编写打包规则。
在这里，我们给出一个简单的打包规则示例：
module.exports = function(config) {
config.module('myapp', function(moduleConfig) {
moduleConfig.addTech(require('enb/techs/file-copy'), { sourceTarget: '?.client.js', destTarget: '?.js' });
moduleConfig.addTargets(['?.js']);
});
};这个规则的作用是将 ?.client.js 文件复制到 ?.js 中。
需要注意的是，koa-enb-make 在打包时会默认使用 koa-static 中间件根据配置文件中的 bundleUrl 字段，将打包后的资源存储在指定的目录下（默认为 public/build）。因此，在编写打包规则时，需要将代码输出到 public/build 目录下。
结语
在本文中，我们介绍了 koa-enb-make 的使用方法。通过 koa-enb-make，我们可以在 koa 应用中快速集成前端资源打包功能，自动化地处理前端资源。
需要指出的是，本文只是简单介绍了 koa-enb-make 的使用方法，如需深入了解其原理和更多详细的使用方法，建议阅读官方文档或相关资料。
示例代码：https://github.com/zhongsw/koa-enb-make-demo
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672673660cf7123b3657e