gulp使用
来源:互联网 发布:table用js做点击事件 编辑:程序博客网 时间:2024/05/23 15:41
var gulp = require('gulp'), babel = require('gulp-babel'), // 编译ES6插件 less = require('gulp-less'), // 编译less插件 cssmin = require('gulp-minify-css'), // 压缩css插件 autoprefixer = require('gulp-autoprefixer'), // css添加前缀 uglify = require('gulp-uglify'); // 压缩js插件gulp.task('help', function(){ console.log('\n gulp参数说明 gulp help\n'); console.log(' 编译less为css gulp taskLESS\n'); console.log(' 编译ES6为ES5 gulp taskES6\n'); console.log(' 压缩CSS gulp cssMin\n'); console.log(' 压缩js gulp jsMin\n'); console.log(' 同时执行所有任务 gulp build')});// 编译less为cssgulp.task('taskLESS', function(){ gulp.src('./src/less/*.less') .pipe(less()) .pipe(gulp.dest('./src/css'))})// 编译es6为es5gulp.task('taskES6', function(){ gulp.src('./src/js/es6/*.js') .pipe(babel({presets: ['es2015']})) .pipe(gulp.dest('./src/js/es5'));});// 压缩CSSgulp.task('cssMin',['taskLESS'], function(){ gulp.src('./src/css/*.css') .pipe(autoprefixer({ // 自动添加各浏览器前缀 browsers: ['last 2 version', 'Android >= 4.0'], cascade: true, // 是否美化属性值 remove: true // 去掉不必要的属性值 })) .pipe(cssmin()) .pipe(gulp.dest('./build/css'))});// 压缩jsgulp.task('jsMin',['taskES6'], function(){ gulp.src('./src/js/es5/*.js') .pipe(uglify()) .pipe(gulp.dest('./build/js'));});// 总任务gulp.task('build',['cssMin', 'jsMin']);
此处仅列举了基本使用,后续补充更多的使用场景,同时也欢迎大家补充
阅读全文
0 0
- Gulp 使用
- gulp使用
- gulp使用
- gulp使用
- gulp使用
- 使用Gulp
- gulp使用
- gulp使用
- gulp-gulp使用小结(一)
- hello gulp,使用gulp的第一天。
- gulp插件gulp-repath使用教程
- 【gulp】gulp安装及使用初探
- gulp 使用实例解析
- gulp的使用
- Gulp安装及使用
- gulp的学习使用
- gulp使用简要说明
- gulp使用笔记
- http请求get与post的区别
- unity中的几个Update
- android代码管理工具 HG Mercurial commit之前没有pull,冲突解决
- android path 详解
- linux网络编程中INADDR_ANY的含义
- gulp使用
- [Leetcode] 372. Super Pow 解题报告
- nuget 导致 vs hang死
- 工作日记2017.08.21 Google Guava
- HttpClient
- leetcode 409. Longest Palindrome
- Android源码目录结构详解
- opengl对图像进行模糊处理
- ajaxfileupload文件上传插件,解决再次提交文件流置空的问题