gulp实现监听改变自动刷新页面

gulp的安装和一些基本api我之前已经有文章介绍了,刚好最好在研究将gulp+webpack结合起来,重新回顾了下gulp的一些操作,觉得值得分享

  • gulp-htmlmin
  • gulp-rev-append
  • gulp-connect
  • gulp-watch
  • gulp-plumber
通俗解释(解释错误可以指出):

gulp-htmlmin:压缩html,可以压缩页面javascript、css,去除页面空格、注释,删除多余属性等操作

gulp-rev-append:使用gulp-rev-append给页面的引用添加版本号,清除页面引用缓存

gulp-connect:在本地开启一个websocket服务,使用liveReload实现实时更新

gulp-watch:监听文件的变化,配合connect实现服务自动刷新

gulp-plumber:实时更新错误不会导致终端gulp运行开启的服务断开

gulp-htmlmin

gulpfile.js代码:

gulp.task('buildHtmlmin', function () {
    var options = {
        removeComments: true,//清除HTML注释
        collapseWhitespace: true,//压缩HTML
        collapseBooleanAttributes: true,//省略布尔属性的值  ==> 
        removeEmptyAttributes: true,//删除所有空格作属性值  ==> 
        removeScriptTypeAttributes: true,//删除
                    
                    

你可能感兴趣的:(知识分享)