前端 css 合并精简神器

前端 css 合并精简神器: https://github.com/addyosmani/grunt-uncss

使用 nodejs 的 grunt 前端构建工具，安装：

npm install grunt-uncss --save-dev

写个 Gruntfile.js

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    uncss: {
    dist: {
      options: {
        ignore: ['#added_at_runtime', '.created_by_jQuery']
      },
      files: {
        'dist/css/tidy.css': ['app/index.html', 'app/about.html']
      }
    }
  });

  grunt.loadNpmTasks('grunt-uncss');
  
  // Default task(s).
  grunt.registerTask('default', ['uncss']);

运行：

grunt uncss

能把两张网页用到 css 类合并到一个 tidy.css 中，未用到的全部丢弃，精简 css 到极致。