美文网首页
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构建工具

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