1.安装gulp
npm config set registry http://registry.npm.taobao.org
npm install -g gulp
2.进入项目所在目录
npm install --save-dev gulp
npm install gulp-util --save-dev
npm install brow --save-dev
npm install bower --save-dev
npm install gulp-concat --save-dev
npm install gulp-sass --save-dev
npm install gulp-minify-css --save-dev
npm install gulp-rename --save-dev
npm install shelljs --save-dev
npm install gulp-jshint --save-dev
npm install gulp-uglify --save-dev
npm install gulp-notify --save-dev
npm install gulp-minify-html --save-dev
npm install gulp-cache --save-dev
npm install gulp-cond --save-dev
npm install gulp-watch --save-dev
npm install gulp-useref --save-dev
npm install gulp-if --save-dev
npm install gulp-clean --save-dev
npm install --save-dev gulp-sequence
3.编写gulpfile.js
var gulp = require('gulp');
// 引入gulp组件(插件)
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var watch = require('gulp-watch');
var jshint = require('gulp-jshint');
var minifyCss = require('gulp-minify-css');
var notify = require('gulp-notify');
var concat = require('gulp-concat');
var useref = require('gulp-useref');
var gulpif = require('gulp-if');
var clean = require('gulp-clean');
gulpSequence = require('gulp-sequence');
//index.html css、js合并压缩
gulp.task('index', function () {
//压缩src/js目录下的所有js文件
//除了test1.js和test2.js(**匹配src/js的0个或多个子文件夹)
return gulp.src(['app/**/*.js', '!app/js/resources/echarts/**/*.js','!app/**/*min.js',,'!app/js/resources/bootstrap.js'])
.pipe(uglify())
.pipe(gulp.dest('www'));
});
// 复制文件
gulp.task('copy', function () {
gulp.src('app/**')
// 目标地址
.pipe(gulp.dest('www/'))
});
gulp.task('default', gulpSequence('copy', 'index'));
4.混淆
先把原来的www复制为app目录
在项目目录下执行gulp
如果未混淆成功再执行gulp index
最后检查下js是否混淆成功。