`

grunt配置-htmlmin任务

 
阅读更多
grunt-contrib-htmlmin插件-tasks目录下htmlmin.js文件中配置了一个htmlmin任务:
grunt.registerMultiTask('htmlmin', 'Minify HTML', function () {
    var options = this.options();
    grunt.verbose.writeflags(options, 'Options');

    this.files.forEach(function (file) {
      var min;
      var max = file.src.filter(function (filepath) {
        // Warn on and remove invalid source files (if nonull was set).
        if (!grunt.file.exists(filepath)) {
          grunt.log.warn('Source file "' + filepath + '" not found.');
          return false;
        } else {
          return true;
        }
      })
      .map(grunt.file.read)
      .join(grunt.util.normalizelf(grunt.util.linefeed));

      try {
        min = minify(max, options);
      } catch (err) {
        grunt.warn(file.src + '\n' + err);
      }

      if (min.length < 1) {
        grunt.log.warn('Destination not written because minified HTML was empty.');
      } else {
        grunt.file.write(file.dest, min);
        grunt.log.writeln('File ' + file.dest + ' created.');
        helper.minMaxInfo(min, max);
      }
    });
  });


htmlmin : {
            dist : {
                options: {                                 
                    removeComments: true, //删除注释
                    collapseWhitespace: true //删除标签间的空格
                },
                files : [{
                    expand : true,
                    cwd : 'app',
                    src : ['*.html'],
                    dest : 'test123'
                }]
            }
        },

执行 grunt htmlmin:dist 就可以把app目录下的html文件删除注释和标签间空格压缩到test123目录下。
分享到:
评论

相关推荐

    前端开源库-grunt-contrib

    Grunt是基于Node.js构建的,它通过JSON格式的配置文件(Gruntfile.js)来定义任务,开发者可以根据项目需求定制化任务流程。Grunt拥有丰富的插件生态系统,这些插件负责处理各种任务,如CSS预处理器(如Sass、Less)...

    Modules04. Bower&Grunt.pdf_前端学习资料

    Grunt的任务配置通常在`Gruntfile.js`文件中进行,包括定义任务列表、设置选项、处理文件等。例如,常见的Grunt插件有`grunt-contrib-clean`用于清理文件,`grunt-contrib-copy`用于复制文件,`grunt-contrib-watch`...

    grunt-basic:使用grunt的基本webapp

    此外,Grunt还支持多任务配置,可以针对不同环境(如开发、生产)定义不同的任务集。比如,开发环境可能不需要压缩代码,而生产环境则需要。 总结,通过学习和使用"grunt-basic"项目,我们可以掌握Grunt的基本用法...

    gulp多页小项目的任务流构建以html为中心

    与Grunt相比,Gulp的配置更为简洁,任务执行速度更快。在多页小项目中,我们通常需要处理多个HTML页面,以及与其相关的CSS、JavaScript和其他资源文件。下面将详细阐述如何利用Gulp构建这样的任务流。 1. **安装与...

    gulp前端自动化配置文件

    标题中的"gulp前端自动化配置文件"指的是一个特定的Gulpfile.js,它是Gulp项目的入口文件,用于定义和组织所有的自动化任务。开发者会在Gulpfile.js中引入所需的任务插件,然后编写相应的任务逻辑。 描述中提到的几...

    doggy-frame:一个基于grunt的前端工作流和基础框架

    咕噜任务HTMLmin HTML提示加Jsmerge JShint 业力萨斯雪碧图像最小手表JS库自动隐藏复选框曲奇饼数据接口对话落下懒加载占位符位置收音机选择平滑滚动标签风门工具提示UA更新2014.7.16 为下拉菜单添加 fixedWidth ...

    GruntTemplate

    **GruntTemplate** 是一个基于 **Grunt** 的项目模板,专为前端开发者设计,它提供了一个预先配置好的文件和目录结构,以及一系列基础的 Grunt 任务,以加速前端开发流程。Grunt 是一个流行的 JavaScript 任务运行器...

    基于gulp的静态页面构建工具

    在项目中创建一个名为`gulpfile.js`的文件,这是gulp默认查找的任务配置文件。在这个文件中,可以使用JavaScript来编写gulp任务,例如: ```javascript const gulp = require('gulp'); const sass = require('gulp-...

    GruntApp:咕project项目样板

    本文将详细介绍`GruntApp`,这是一个专门为JavaScript项目设计的Grunt配置模板,它包含了开发过程中常用的任务,帮助开发者快速搭建项目结构。 **Grunt的介绍** Grunt是一个基于Node.js的开源项目,由Tom Dickman在...

    starter-setup:用于启动网页或网络应用程序的现成设置

    1. `Gruntfile.js`:这是Grunt的工作配置文件,定义了所有要执行的任务及其依赖关系。 2. `package.json`:项目的基本信息和依赖管理,通过npm(Node.js包管理器)安装和管理依赖项。 3. `src/`:源代码目录,包含未...

Global site tag (gtag.js) - Google Analytics