zoukankan      html  css  js  c++  java
  • grunt

     什么是grunt

        是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:
        ① 压缩文件
        ② 合并文件
        ③ 简单语法检查

    1、grunt.initConfig方法

      用于模块配置,它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。  

      每个目标的具体设置,需要参考该模板的文档。

        就cssmin来讲,minify目标的参数具体含义如下: 

      expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成
      具体的文件名。
      cwd:需要处理的文件(input)所在的目录。
      src:表示需要处理的文件。如果采用数组形式,数组的每一项就是一个文件名,可以使用通配符。
      dest:表示处理后的文件名或所在目录。
      ext:表示处理后的文件后缀名。

    2、grunt常用函数说明:

      grunt.initConfig:定义各种模块的参数,每一个成员项对应一个同名模块。
      grunt.loadNpmTasks:加载完成任务所需的模块。
      grunt.registerTask:定义具体的任务。第一个参数为任务名,第二个参数是一个数组, 表示该任务需要依次使用的模块。
    3、grunt常用模块:

      grunt-contrib-clean:删除文件。
      grunt-contrib-compass:使用compass编译sass文件。
      grunt-contrib-concat:合并文件。
      grunt-contrib-copy:复制文件。
      grunt-contrib-cssmin:压缩以及合并CSS文件。
      grunt-contrib-imagemin:图像压缩模块。
      grunt-contrib-jshint:检查JavaScript语法。
      grunt-contrib-uglify:压缩以及合并JavaScript文件。
      grunt-contrib-watch:监视文件变动,做出相应动作。

      详细用法:http://www.cnblogs.com/yexiaochai/p/3603389.html

  • 相关阅读:
    CF754A
    快速幂模板
    循环-21. 求交错序列前N项和(15)
    循环-20. 猜数字游戏(15)
    循环-19. 币值转换
    循环-18. 龟兔赛跑(20)
    循环-17. 简单计算器(20)
    循环-11. 水仙花数(20)
    IO 分支 循环
    check list
  • 原文地址:https://www.cnblogs.com/liangxiaoli/p/6979674.html
Copyright © 2011-2022 走看看