美文网首页
mac使用gulp构建工具

mac使用gulp构建工具

作者: 塞外务农 | 来源:发表于2018-07-20 23:00 被阅读0次

1. 安装Node.js,直接官网下载,然后下一步使劲,最后就成功安装了node,npm了

2. 全局安装 gulp        

    npm install --global gulp

3. 局部安装作为项目的开发依赖(devDependencies)安装

    npm install --save-dev gulp

4. 全局安装 压缩html的插件

    npm install gulp-htmlmin --save-dev

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

var gulp = require('gulp'), htmlmin= require('gulp-htmlmin');

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

var options= {

removeComments: true,//清除HTML注释

                collapseWhitespace: true,//压缩HTML

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

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

                removeScriptTypeAttributes: true,//删除

                removeStyleLinkTypeAttributes: true,//删除

};   

gulp.src('public/*.blade.php')

        .pipe(htmlmin(options))

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

});

5. 运行 gulp test

相关文章

  • mac使用gulp构建工具

    1. 安装Node.js,直接官网下载,然后下一步使劲,最后就成功安装了node,npm了 2.全局安装 gulp...

  • gulp资源整理

    Gulp官网 Gulp中文网 Gulp插件网 博客: 前端构建工具gulpjs的使用介绍及技巧 - 无双 gulp...

  • 『前端工程化』gulp(gulp3 && gul

    Gulp 什么是Gulp Gulp是基于Node.js的构建工具,我们使用它来集成前端开发环境,来构建自动化工作流...

  • 配置Gulp

    使用工具 Gulp说明 Gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器,基于node.js,...

  • gulp入门教程(windows)

    1.关于gulp gulp实质上就是基于流的代码自动化构建工具,简单来说就是代码构建工具,那么我们为什么要使用代码...

  • gulp入门教程详解

    最近使用gulp自动化构建工具来开发网站,在此给大家分享一下使用gulp的一些使用教程。 一 gulp安装 1、安...

  • 相关文章记录

    1.gulp构建工具相关信息 前端自动化构建工具gulp记录Gulp.js-livereload 不用F5了,实时...

  • 初认gulp

    为什么是Gulp? 类似Gulp的工具,我们通常称之为构建工具。如今最流行的两个构建工具是Gulp和Grunt。已...

  • gulp-css压缩

    gulp是什么?使用 gulp 实现图片压缩、CSS 压缩合并、JS 压缩合并 gulp是一个基于流的构建工具,可...

  • gulp 基本的使用

    今天说说自动化构建工具gulp的使用,gulp其实是一个非常简单的自动化构建工具,它的作用有编译代码、压缩代码、热...

网友评论

      本文标题:mac使用gulp构建工具

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