[grunt] grunt-contrib-cssmin 介绍
发布于 5 年前 作者 qjzd 2057 次浏览 来自 码农

git地址

https://github.com/gruntjs/grunt-contrib-cssmin

介绍

Minify CSS

Getting Started

This plugin requires Grunt >=0.4.0

If you haven’t used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you’re familiar with that process, you may install this plugin with this command:

npm install grunt-contrib-cssmin --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-contrib-cssmin');

Issues with the output should be reported on the clean-css issue tracker.

Cssmin task

Run this task with the grunt cssmin command.

Options

Options are passed to clean-css. In addition this task defines some extra options:

report

Type: string
Choices: 'min', 'gzip'
Default: 'min'

Report minification result or both minification and gzip results. This is useful to see exactly how well clean-css is performing but using 'gzip' will make the task take 5-10x longer to complete. Example output.

sourceMap

Type: boolean
Choices: true, false
Default: false

Enable Source Maps.

Usage

Combine two files into one output file

cssmin: {
  options: {
    shorthandCompacting: false,
    roundingPrecision: -1
  },
  target: {
    files: {
      'output.css': ['foo.css', 'bar.css']
    }
  }
}

Minify all contents of a release directory and add a .min.css extension

cssmin: {
  target: {
    files: [{
      expand: true,
      cwd: 'release/css',
      src: ['*.css', '!*.min.css'],
      dest: 'release/css',
      ext: '.min.css'
    }]
  }
}
回到顶部