前言
gulp-nebiru-express 是一个基于 gulp 和 express 的前端自动化构建工具。它可以帮助我们自动编译 less/sass、合并压缩 js/css 等等，同时提供了相应的开发服务器，让我们能够更加方便地进行开发测试。
如果你想要加快前端开发的效率，那么 gulp-nebiru-express 肯定是一个不错的选择。
安装
首先，我们需要在本地安装 gulp 和 gulp-nebiru-express：
npm install -g gulp npm install --save-dev gulp-nebiru-express
使用
初始化项目
在使用 gulp-nebiru-express 开始前，我们需要创建一个项目，并初始化一些需要的文件。
首先，创建一个空白项目，然后在项目根目录下运行：
npm init根据提示填写需要的信息，即可生成 package.json 文件。
接着，我们需要创建一个 gulpfile.js 文件，这个文件是 gulp 的入口文件，也是我们后续操作的主要地方。
在 gulpfile.js 内，我们需要引入 gulp 和 gulp-nebiru-express：
var gulp = require('gulp'); var nibiru = require('gulp-nebiru-express');
编写任务
编写任务是 gulp 的核心，因为不同的任务可以完成不同的操作。
我们来看一个例子，例如我们需要在 less 文件发生变化时进行自动编译：
-- -------------------- ---- ------- ----------------- ---------- - ------ ------------------------------ -------------------- -------------------------- --- ------------------ --------- ---------- - -------------------------------- ---------- ---展开代码
gulp.task() 方法用于定义一个任务，第一个参数是任务的名称，第二个参数是任务的具体操作。
.src() 方法用于指定需要处理的文件，.pipe() 方法用于将文件流导入到相应的插件进行处理，.dest() 方法用于将处理后的文件存放到指定目录。
接下来，我们使用 gulp.watch() 方法来监听 less 文件变化，实现自动编译。
启动服务器
gulp-nebiru-express 提供了一个简单的服务器，我们可以使用 nibiru.server() 方法来启动一个默认的服务器：
gulp.task('server', ['watch'], function() { nibiru.server({ port: 3000, open: true }); });
其中 port 用于指定服务器的端口，open 用于指定是否自动打开浏览器。
整合任务
最后，我们把编写的任务整合到一个默认任务内：
gulp.task('default', ['server']);
总结
至此，我们已经完成了一个简单的 gulp-nebiru-express 项目。
gulp-nebiru-express 提供了很多常用的插件和方法，可以帮助我们轻松地完成前端开发工作。希望本文能对你有所帮助。
完整示例代码：
-- -------------------- ---- ------- --- ---- - ---------------- --- ------ - ------------------------------- ----------------- ---------- - ------ ------------------------------ -------------------- -------------------------- --- ------------------ --------- ---------- - -------------------------------- ---------- --- ------------------- ---------- ---------- - --------------- ----- ----- ----- ---- --- --- -------------------- ------------展开代码
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556fc81e8991b448d3e1c
