博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
gulp的常用配置
阅读量:6164 次
发布时间:2019-06-21

本文共 2193 字,大约阅读时间需要 7 分钟。

'use strict';  // 载入Gulp模块 var gulp = require('gulp'); var less = require('gulp-less'); var autoprefixer = require('gulp-autoprefixer');//兼容浏览器 var cssnano = require('gulp-cssnano'); var browserSync = require('browser-sync');//热刷新服务器 var reload = browserSync.reload;  // LESS编译 压缩  gulp.task('less', function() {   gulp.src(['src/css/*.less', '!src/css/_*.less'])     //less中使用@import url('_a.less')     .pipe(less())     .pipe(autoprefixer({       browsers: ['last 2 versions']     }))     .pipe(cssnano())     .pipe(gulp.dest('dist/css'))     .pipe(reload({       stream: true     })); });  var concat = require('gulp-concat'); var uglify = require('gulp-uglify'); var babel=require('gulp-babel') var browserify=require('gulp-browserify')  // JS合并 压缩混淆 gulp.task('js', function() {   gulp.src('src/js/*.js')     .pipe(concat('app.js'))         .pipe(babel()) //使用es6,加此项         .pipe(browserify({ //浏览器中兼容require等,使用async时使用             insertGlobals: true         }))     .pipe(uglify())     .pipe(gulp.dest('dist/js'))     .pipe(reload({       stream: true     })); });  // 图片复制 gulp.task('pic', function() {   gulp.src('src/pic/*.*')     .pipe(gulp.dest('dist/pic'))     .pipe(reload({       stream: true     })); })  var htmlmin = require('gulp-htmlmin'); // HTML gulp.task('html', function() {   gulp.src('src/*.html')     .pipe(htmlmin({       collapseWhitespace: true,         collapseBooleanAttributes: true,       removeAttributeQuotes: true,       removeComments: true,       removeEmptyAttributes: true,       removeScriptTypeAttributes: true,       removeStyleLinkTypeAttributes: true,     }))     .pipe(gulp.dest('dist'))     .pipe(reload({       stream: true     })); });  gulp.task('serve', ['less', 'js', 'pic', 'html'], function() {   browserSync({     notify: false,     port: 3003,     server: {       baseDir: ['dist']     }   },function (err, bs) {         console.log(bs.options.getIn(["urls", "local"]));     });     gulp.watch('src/css/*.less', ['less']);   gulp.watch('src/js/*.js', ['js']);   gulp.watch('src/pic/*.*', ['pic']);   gulp.watch('src/*.html', ['html']); });   gulp.task('default',['serve']);

gulpfile.js

转载于:https://www.cnblogs.com/qmzy/p/9742660.html

你可能感兴趣的文章
如何进行数组去重
查看>>
将标题空格替换为 '_' , 并自动复制到剪切板上
查看>>
List Collections sort
查看>>
Mysql -- You can't specify target table 'address' for update in FROM clause
查看>>
使用局部标准差实现图像的局部对比度增强算法。
查看>>
2017-2018-1 20165313 《信息安全系统设计基础》第八周学习总结
查看>>
《代码敲不队》第四次作业:项目需求调研与分析
查看>>
菜鸡互啄队—— 团队合作
查看>>
HttpWebRequest的GetResponse或GetRequestStream偶尔超时 + 总结各种超时死掉的可能和相应的解决办法...
查看>>
SparseArray
查看>>
第二章
查看>>
android背景选择器selector用法汇总
查看>>
[转]Paul Adams:为社交设计
查看>>
showdialog弹出窗口刷新问题
查看>>
java
查看>>
Vue.js连接后台数据jsp页面  ̄▽ ̄
查看>>
关于程序的单元测试
查看>>
mysql内存优化
查看>>
都市求生日记第一篇
查看>>
Java集合---HashMap源码剖析
查看>>