码迷,mamicode.com
首页 > 其他好文 > 详细

gulpfile配置

时间:2017-03-20 10:39:32      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:sync   mini   server   cat   nic   监听   包含   comment   操作   

/**
* 只包含合并压缩混淆,监听服务
*/
// 引入gulp模块
var gulp = require(‘gulp‘);

// 引入其他模块
var less = require(‘gulp-less‘),// less转化
concat = require(‘gulp-concat‘),// 文件合并
minicss = require(‘gulp-mini-css‘),// css压缩
uglify = require(‘gulp-uglify‘),// js压缩
obfuscate = require(‘gulp-obfuscate‘),// js混淆
htmlmin = require(‘gulp-htmlmin‘), // html压缩
imgmin = require(‘gulp-imagemin‘), // 图片压缩
browserSync = require(‘browser-sync‘);//服务启动


// 处理css操作
gulp.task(‘styles‘, function () {
gulp.src(‘./src/styles/*.less‘)
.pipe(less())// 转化为css
.pipe(concat(‘allCss.css‘))// 合并css
.pipe(minicss())// 压缩css
.pipe(gulp.dest(‘./dist/css‘))
.pipe(browserSync.reload({stream: true}));
});

// 处理js操作
gulp.task(‘scripts‘, function () {
gulp.src(‘./src/scripts/*.js‘)
.pipe(concat(‘all.js‘))
.pipe(obfuscate())
.pipe(uglify())
.pipe(gulp.dest(‘./dist/scripts‘))
.pipe(browserSync.reload({stream: true}));
});

// 图片操作
gulp.task(‘images‘, function () {
gulp.src(‘./src/images/*.*‘)
.pipe(imgmin())
.pipe(gulp.dest(‘./dist/images‘));
});

// 处理html操作
gulp.task(‘htmls‘, function () {
gulp.src(‘./src/*.html‘)
.pipe(htmlmin({
collapseWhitespace: true,
removeComments: true
}))
.pipe(gulp.dest(‘./dist‘))
.pipe(browserSync.reload({stream: true}));
});

// 监听文件
gulp.task(‘serv‘, function () {
browserSync.init({
server: {baseDir: [‘./dist‘]}
});
gulp.watch(‘./src/styles/*.less‘, [‘styles‘]);
gulp.watch(‘./src/scripts/*.js‘, [‘scripts‘]);
gulp.watch(‘./src/*.html‘, [‘htmls‘]);
});

gulpfile配置

标签:sync   mini   server   cat   nic   监听   包含   comment   操作   

原文地址:http://www.cnblogs.com/victory820/p/6586273.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!