gulp安装与使用

1.什么是gulp

是一个流式(任务模式)是前端构建工具.

2.gulp的使用

注意:npm 是国外的服务器,下载慢,使用淘宝代理
cnpm,使用cnpm要配置一下

    npm install -g cnpm --registry=https://registry.npm.taobao.org
1.全局安装gulp与处体验
    npm install gulp -g //g 全局安装
2.配置一个包管理工具
    npm init -y
3. 局部安装gulp,当前项目的根目录
    cnpm i gulp --save-dev
4.在根目录下,新建一个 gulpfile.js文件
5. 运行指令
    gulp

一、压缩html方式

  1. 在当前的项目里面下载 gulp-htmlmin 模块
   cnpm i gulp-htmlmin --save-dev

2.使用 gulp-htmlmin
匹配符“!”,“*”,“**”,“{}”


  let optsHtml={
            removeComments: true,//清除HTML注释
            collapseWhitespace: true,//压缩HTML
            collapseBooleanAttributes: true,//省略布尔属性的值  ==> 
            removeEmptyAttributes: true,//删除所有空格作属性值  ==> 
            removeScriptTypeAttributes: true,//删除
                    
                    

你可能感兴趣的:(gulp,gulp,前端)