一、jade:
一、终端命令(在存放jade的文件夹下)
1、全局安装jade: npm install jade -g
2、不压缩html: jade -P test.jade
3、监听jade文件: jade -P -w test.jade
会在 .jade 文件下生成 .html 文件
二、jade 语法:参考《gulp》
二、压缩js、css代码

如图:将 app里的文件压缩到build中
一、在gulp文件夹下,新建 gulpfile.js(文件名固定)
二、配置gulpfile.js
var gulp = require("gulp");
var uglify = require("gulp-uglify");
var minify =require("gulp-minify-css");
gulp.task("mytask",function () {
gulp.src("app/*.js").
pipe(uglify()).
pipe(gulp.dest("./build/"))
});
gulp.task("mytask1",function () {
gulp.src("app/*.css").
pipe(minify()).
pipe(gulp.dest("./build/"))
});
gulp.task("auto",function () {
gulp.watch("app/*.js",["mytask"]);
gulp.watch("app/*.css",["mytask1"]);
});
三、在终端(在gulp下)
1、安装gulp : cnpm install gulp --save
2、引入gulp-uglify模块:cnpm install gulp-uglify --save
3、安装gulp-minify-css:sudo cnpm install gulp-minify-css --save
4、运行js,生成 .js 压缩文件:gulp mytask1
5、运行css,生成 .css 压缩文件:gulp mytask1
6、监控css、js: gulp auto
网友评论