gulp 压缩css 混淆压缩js
1.安装gulp环境
(配置global环境和项目环境)
npm install gulp -g
npm install gulp --save-dev
2.安装所需要的库
npm install gulp-minify-css gulp-concat gulp-uglify gulp-rename del --save-dev
3.压缩混淆代码:
var gulp = require('gulp'),
minifycss = require('gulp-minify-css'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
jshint = require('gulp-jshint'); //需求库引入
//压缩css
gulp.task('minifycss', function () {
return gulp.src('static/css/*.css') //需要操作的文件
.pipe(rename({suffix: '.min'})) //rename压缩后的文件名
.pipe(minifycss()) //执行压缩
.pipe(gulp.dest('dist/css')); //输出文件夹
});
//压缩,合并 js
gulp.task('minifyjs', function () {
return gulp.src('static/js/*.js') //需要操作的文件
.pipe(uglify()) //压缩
.pipe(rename({suffix: '.min'})) //rename压缩后的文件名
.pipe(gulp.dest('dist/js')); //输出到文件夹
});
//默认命令,在cmd中输入gulp后,执行的就是这个任务(压缩js需要在检查js之后操作)
gulp.task('default', [], function () {
gulp.start('minifycss', 'minifyjs');
});
解决/usr/bin/env: node: No such file or directory
问题 找不到node文件,建立一个node到nodejs的连接sudo ln -s /usr/bin/nodejs /usr/bin/node
即可