Skip to content

Commit

Permalink
gulpfile.js 修改
Browse files Browse the repository at this point in the history
  • Loading branch information
@hxbo
hxbo committed Nov 21, 2016
1 parent f59473d commit 1ad065d
Showing 1 changed file with 94 additions and 89 deletions.
183 changes: 94 additions & 89 deletions gulpfile.js
View file
Original file line number Diff line number Diff line change
@@ -1,143 +1,148 @@

// Load plugins
var gulp = require('gulp'),
plumber = require('gulp-plumber'),
compass = require('gulp-compass'),
sass = require('gulp-ruby-sass'),
autoprefixer = require('gulp-autoprefixer'),
minifycss = require('gulp-minify-css'),
uglify = require('gulp-uglify'),
imagemin = require('gulp-imagemin'),
pngquant = require('imagemin-pngquant'),
rename = require('gulp-rename'),
concat = require('gulp-concat'),
notify = require('gulp-notify'),
cache = require('gulp-cache'),
livereload = require('gulp-livereload'),
webserver = require('gulp-webserver'),
jasmine = require('gulp-jasmine'),
usemin = require('gulp-usemin'),
rev = require('gulp-rev'),
var gulp = require('gulp');
plumber = require('gulp-plumber');
compass = require('gulp-compass');
sass = require('gulp-ruby-sass');
autoprefixer = require('gulp-autoprefixer');
uglify = require('gulp-uglify');
minifyHtml = require('gulp-minify-html');
cleanCSS = require('gulp-clean-css');
imagemin = require('gulp-imagemin');
pngquant = require('imagemin-pngquant');
rename = require('gulp-rename');
concat = require('gulp-concat');
notify = require('gulp-notify');
cache = require('gulp-cache');
livereload = require('gulp-livereload');
webserver = require('gulp-webserver');
jasmine = require('gulp-jasmine');
usemin = require('gulp-usemin');
rev = require('gulp-rev');
del = require('del');

//html
gulp.task('html',['css'], function() {
setTimeout(function() {
return gulp.src("app/*.html")

return gulp.src("app/*.html")
.pipe(usemin({
minjs: [ uglify,rev ],
mincss: [ minifycss, 'concat' ,rev ]
mincss: [ cleanCSS, 'concat' ,rev ]
}))
.pipe(gulp.dest('dist/'))
}, 10000)//延迟10秒执行文件合并，确保原始文件生成

.pipe(livereload())
.pipe(notify({ message: 'html task complete' }));
//.pipe(notify({ message: 'html task complete' }));
});

//拷贝自定义文件夹
gulp.task('copy', function() {
return gulp.src(['app/fonts/**/*.*' , 'app/others/**/*.*'], { base: 'app' })
.pipe(gulp.dest('dist')); // Writes 'dist/...保持原文件夹结构'
});


gulp.task('movecss', function () {
//拷贝app/css到dist/css
gulp.src('app/css/**/*.css')
.pipe(gulp.dest('dist/css'))
});

// css
gulp.task('css', function() {
gulp.task('css',['movecss'], function() {

//sass编译css
gulp.src('app/scss/*.scss')
.pipe(plumber({errorHandler: notify.onError('Error: <%= error.message %>')}))
.pipe(compass({
config_file: 'config.rb',
css: 'app/css',
sass: 'app/scss'
}))
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
.pipe(gulp.dest('app/css'))

/*
.pipe(concat('style.css'))
.pipe(rename({ suffix: '.min' }))
.pipe(minifycss())
*/

.pipe(gulp.dest('dist/css'))
.pipe(livereload())
.pipe(notify({ message: 'css task complete' }));
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
.pipe(gulp.dest('app/css'))
.pipe(gulp.dest('dist/css'))
.pipe(livereload())

//.pipe(notify({ message: 'css task complete' }));
});

// js
gulp.task('js', function() {
return gulp.src('app/js/**/*.js')
/*
.pipe(concat('main.js'))
.pipe(gulp.dest('dist/js'))
.pipe(rename({ suffix: '.min' }))
.pipe(uglify())
*/
.pipe(gulp.dest('dist/js'))
.pipe(livereload())
.pipe(notify({ message: 'js task complete' }));
return gulp.src('app/js/**/*.js')

.pipe(gulp.dest('dist/js'))
.pipe(livereload())
//.pipe(notify({ message: 'js task complete' }));
});

// Images
gulp.task('images', function() {
return gulp.src('app/images/**/*.{png,jpg,gif,ico}')
.pipe(cache(imagemin({
optimizationLevel:5,
progressive: true ,
interlaced: true,
use: [pngquant()] //使用pngquant深度压缩png图片的imagemin插件
})))
.pipe(gulp.dest('dist/images'))
.pipe(livereload())
.pipe(notify({ message: 'Images task complete' }));
return gulp.src('app/images/**/*.{png,jpg,gif,ico,swf}')

.pipe(cache(imagemin({
optimizationLevel:5,
progressive: true ,
interlaced: true,
use: [pngquant()] //使用pngquant深度压缩png图片的imagemin插件
})))
.pipe(gulp.dest('dist/images'))
.pipe(livereload())
//.pipe(notify({ message: 'Images task complete' }));
});

// Clean
gulp.task('clean', function(cb) {
del(['dist/','app/css/**/*.css'], cb)
//del(['dist/','app/css/**/*.css'], cb)
del(['dist/'], cb)
});


// Watch
gulp.task('watch', function() {

//Watch .html files
gulp.watch('app/**/*.html', ['html']);
//Watch .html files
gulp.watch('app/**/*.html', ['html']);

// Watch .scss files
gulp.watch('app/scss/**/*.scss', ['css']);
// Watch .scss files
gulp.watch('app/scss/**/*.scss', ['css']);

// Watch .css files
// gulp.watch('app/css/**/*.css', ['css']);
// Watch .js files
gulp.watch('app/js/**/*.js', ['js']);
// Watch image files
gulp.watch('app/images/**/*', ['images']);
// Create LiveReload server
livereload.listen();
// Watch any files in dist/, reload on change
gulp.watch(['dist/**']).on('change', livereload.changed);
// gulp.watch('app/css/**/*.css', ['css']);

// Watch .js files
gulp.watch('app/js/**/*.js', ['js']);

// Watch image files
gulp.watch('app/images/**/*', ['images']);

// Create LiveReload server
livereload.listen();

// Watch any files in dist/, reload on change
gulp.watch(['dist/**']).on('change', livereload.changed);

});

//Build
gulp.task('build', ['clean'], function() {
gulp.start('js', 'images' , 'html');
gulp.task('build' , ['clean'], function() {
gulp.start('js', 'images','copy','html');
});

gulp.task('test', function () {
return gulp.src('spec/**/*.js')
.pipe(jasmine());
return gulp.src('spec/**/*.js')
.pipe(jasmine());
});


//Server
gulp.task('server', function() {
gulp.src('app')
.pipe(webserver({
livereload: true,
open: true
}));
gulp.start('watch');
gulp.src('app')
.pipe(webserver({
livereload: true,
open: true
}));
gulp.start('watch');
});

// Default task
Expand Down

0 comments on commit 1ad065d

Please sign in to comment.