简单
代码优于配置、node 最佳实践、精简的 API 集,gulp 让工作前所未有的简单。
高效
基于 node 强大的流(stream)能力,gulp 在构建过程中并不把文件立即写入磁盘,从而提高了构建速度。
生态
遵循严格的准则,确保我们的插件结构简单、运行结果可控。
100,000
本周安装量
1,000
Gulp 插件数量
1,000+
企业用户数
∞
节省的时间
npm install gulp-cli -g
npm install gulp -D
npx -p touch nodetouch gulpfile.js
gulp --help
代码优于配置、node 最佳实践、精简的 API 集,gulp 让工作前所未有的简单。
基于 node 强大的流(stream)能力,gulp 在构建过程中并不把文件立即写入磁盘,从而提高了构建速度。
遵循严格的准则,确保我们的插件结构简单、运行结果可控。
本周安装量
Gulp 插件数量
企业用户数
节省的时间
const {
src,
dest,
parallel
} = require('gulp');
const pug =
require('gulp-pug');
const less =
require('gulp-less');
const minifyCSS =
require('gulp-csso');
const concat =
require('gulp-concat');
function html() {
return src(
'client/templates/*.pug'
)
.pipe(pug())
.pipe(dest('build/html'))
}
function css() {
return src(
'client/templates/*.less'
)
.pipe(less())
.pipe(minifyCSS())
.pipe(dest('build/css'))
}
function js() {
return src(
'client/javascript/*.js',
{ sourcemaps: true }
)
.pipe(concat('app.min.js'))
.pipe(dest(
'build/js',
{ sourcemaps: true }
))
}
exports.js = js;
exports.css = css;
exports.html = html;
exports.default =
parallel(html, css, js);