nodeJS压缩代码、jade

96
大大的小小小心愿
2018.06.05 08:51 字数 204

一、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代码

屏幕快照 2018-01-18 下午8.24.01.png

如图:将 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

NodeJS
Gupao