zoukankan      html  css  js  c++  java
  • 使用Gulp压缩HTML和CSS

    ---恢复内容开始---

    今天我么继续压缩,但是今天的压缩和之前的不同了!可以说是第二种方法吧!

    今天用Gulp来压缩HTML和CSS!

    1.首先我们先来安装GUlp:先安装全局gulp

    2.然后是开发的依赖:

    然后下载你需要的那个任务插件:下面是下载htmlmin的因为之前我已经下过压缩CSS的了!所以就不示范CSS的了;

    只需要把里面的htmlmin换成cssmin在按回车就行,如果网速可以的话,不到5秒就下载完成了!

    3.在项目的根目录下创建一个名为Gulpfile.js的文件

    代码如下:

     1 //引入依赖
     2 var gulp = require("gulp");
     3 //引入插件
     5 var cssmin = require('gulp-cssmin'); //压缩CSS
     8 var htmlmin = require('gulp-htmlmin'); //压缩html
     9 //配置任务
    20 gulp.task('css', function() {
    22     gulp.src('development/CSS/*.css')
    23         .pipe(cssmin())
    24         .pipe(gulp.dest('mincss'))
    25     //        {compatibility: 'ie8'}  兼容ie8
    26 });32 gulp.task('htmlmin', function() {
    33     var options = {
    34         removeComments: true, //清除HTML注释
    35         collapseWhitespace: true, //压缩HTML
    36         minfyJS: true,//压缩JS
    37         minfyCss: true,//压缩CSS
    38     };
    39     gulp.src('development/tpl/index2.html')
           //压缩html
    40 .pipe(htmlmin(options)) 41 //压缩后的名字44 .pipe(gulp.dest('htmlmin')) 45 }); 46 47 //注册默认任务 48 gulp.task('default', ['css','htmlmin']);

     好啦!大概就是这样!下一篇我们说Gulp来压缩img!

    ---恢复内容结束---

  • 相关阅读:
    整数反转
    最长公共前缀
    罗马数字转整数
    单点登录
    VMware Workstation虚拟机密钥
    Pytest 用例内部执行顺序
    判断是不是回文数
    python端口IP字符串是否合法
    python求二叉树深度
    有两个字符串类型的数字,实现一个方法将它们进行相加,并返回相加后的数值。
  • 原文地址:https://www.cnblogs.com/yang-ting/p/7016120.html
Copyright © 2011-2022 走看看