首页 > 代码库 > glup简单应用---gulpfile.js
glup简单应用---gulpfile.js
//npm install gulp -g (global环境) //npm install gulp --save-dev (项目环境) //在项目中install需要的gulp插件,一般只压缩的话需要 //npm install gulp-minify-css gulp-concat gulp-uglify gulp-rename del --save-dev //以下require需要的module var gulp = require(‘gulp‘), minifycss = require(‘gulp-minify-css‘), minifyhtml = require(‘gulp-minify-html‘), concat = require(‘gulp-concat‘), uglify = require(‘gulp-uglify‘), rename = require(‘gulp-rename‘), del = require(‘del‘); //压缩JS gulp.task(‘minify‘, function() { gulp.src(‘./src/js/*.js‘) .pipe(concat(‘main.js‘)) //合并所有js到main.js .pipe(rename({ suffix: ‘.min‘ })) //rename压缩后的文件名 让main.js变成main.min.js .pipe(uglify()) //执行压缩 .pipe(gulp.dest(‘./build/js‘)) }); //压缩CSS gulp.task(‘minifycss‘, function() { return gulp.src(‘./src/css/*.css‘) //压缩的文件 .pipe(minifycss()) .pipe(gulp.dest(‘./build/css‘)); //输出文件夹 }); //压缩HTML gulp.task(‘minifyhtml‘, function() { gulp.src(‘./src/html/*.html‘) // 要压缩的html文件 .pipe(minifyhtml()) //压缩 .pipe(gulp.dest(‘./build/html‘)); }); //执行压缩前,先删除文件夹里的内容 //执行删除的时候不要把目录定在build的子目录中,windows删除目录的同时会报错 gulp.task(‘clean‘, function(cb) { del([‘build/css‘, ‘build/js‘], cb) }); //在任务数组中放上面要执行的任务 gulp.task(‘default‘, [‘clean‘, ‘minify‘, ‘minifycss‘, ‘minifyhtml‘]);
glup简单应用---gulpfile.js
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。