美文网首页建站
JS: gulp.js

JS: gulp.js

作者: 迪兰布鲁斯 | 来源:发表于2017-07-09 11:15 被阅读0次

var gulp = require('gulp'),

minify = require('gulp-minify-css'),//css压缩

uglify = require('gulp-uglify'),//js压缩

htmlmin = require('gulp-htmlmin');

gulp.task('minhh', function () {

var options = {

removeComments: true,//清除HTML注释

collapseWhitespace: true,//压缩HTML

collapseBooleanAttributes: true,//省略布尔属性的值 ==>

removeEmptyAttributes: true,//删除所有空格作属性值 ==>

removeScriptTypeAttributes: true,//删除的type="text/javascript"

removeStyleLinkTypeAttributes: true,//删除和的type="text/css"

minifyJS: true,//压缩页面JS

minifyCSS: true//压缩页面CSS

};

gulp.src('src/www/pages/*/*.html')

.pipe(htmlmin(options))

.pipe(gulp.dest('dist/www/pages'));

});

gulp.task('minHtml', function () {

var options = {

removeComments: true,//清除HTML注释

collapseWhitespace: true,//压缩HTML

//collapseBooleanAttributes: true,//省略布尔属性的值 ==>

//removeEmptyAttributes: true,//删除所有空格作属性值 ==>

//removeScriptTypeAttributes: true,//删除的type="text/javascript"

// removeStyleLinkTypeAttributes: true,//删除和的type="text/css"

minifyJS: true,//压缩页面JS

minifyCSS: true//压缩页面CSS

};

gulp.src('src/www/html/*/*.html')

.pipe(htmlmin(options))

.pipe(gulp.dest('dist/www/html'));

});

gulp.task('mincss',function(){

gulp.src('src/www/css/*.css')

.pipe(minify())

.pipe(gulp.dest('dist/www/css'));

});

gulp.task('minjs',function(){

gulp.src('src/www/js/*.js')

.pipe(uglify())

.pipe(gulp.dest('dist/www/js'));

});

相关文章

  • gulp.js 的使用

    什么是 gulp.js gulp.js - 基于流的自动化构建工具。gulp.js 的 API 简单,学习成本低;...

  • 分享一个AngularJS+gulp自动化配置

    packjson gulp.js 目录结构

  • Gulp笔记

    Gulp.js Gulp.js 是一个构建工具,与Grunt相比,Gulp更加简洁,执行效率更高。 安装Gulp ...

  • JS: gulp.js

    var gulp = require('gulp'), minify = require('gulp-minify...

  • Gulp.js

    一款流式的前端构造工具,奉行直接写程序而不是配置文件。插件遵守单一责任原则,每个插件只负责处理一件事情。 官网:h...

  • Gulp.js

    当下的前端开发 ● 不再是简简单单的使用HTML+CSS+JavaScript这些简单的技术构建网页应用程序了● ...

  • gulp.js

    文件,可复用

  • Gulp 安装环境:

    Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 N...

  • gulp

    Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 N...

  • gulp API介绍

    1. gulp.src(globs[, options]) Grunt.js和Gulp.js工作方式 Grunt主...

网友评论

    本文标题:JS: gulp.js

    本文链接:https://www.haomeiwen.com/subject/hsyshxtx.html