grunt-css-collect

Grunt plugin css-collect

grunt-css-collect

使用MD5版本控制CSS及CSS中引用的图片文件

npm install grunt-css-collect

添加下面一行到你的Gruntfile.js

grunt.loadNpmTasks('grunt-css-collect');

然后为插件增加像下面这样的配置:

"css-collect": {
  main: {
    options: {
      dest_dir: "dist",
      resource_map_file: "dist/css-resource-map.json",
      base_url: "http://example.com/dist/",
      web_root: "."
    },
    files: {
      src: ["css/*.css"]
    }
  }
}

处理后的css及图片文件存放目录

资源映射文件路径

type: String Default: '/'

CSS文件引用的图片的基准地址

type: String Default: '.'

Web服务器根目录