Grunt 单独对css压缩并生成min.css文件

最新推荐文章于 2026-06-18 08:27:31 发布

原创

最新推荐文章于 2026-06-18 08:27:31 发布 · 2.5k 阅读

收录于

本文介绍了如何利用Grunt工具进行CSS压缩，并详细解释了如何配置Gruntfile.js，包括grunt.initConfig方法的使用，以及cssmin模块的目标设置，如expand, cwd, src, dest和ext等参数含义。此外，还提到了其他常用的Grunt模块，如compass、concat、copy、cssmin、imagemin、jshint和uglify，以及watch模块用于监视文件变动的功能。" 133872175,19673914,Jolla：打造全新Android手机系统平台,"['Android', '智能手机', '操作系统平台']

1.安装node.js

2.新建package.json文件

{
  "name": "demo",
  "version": "2.0.1",
  "author":"",
  "email":"",
  "webAddr":"",
  "devDependencies": {
    "grunt": "~0.4.5",
    "grunt-cmd-transport": "~0.3.0",  
    "grunt-cmd-concat": "~0.2.5",  
    "grunt-contrib-concat":"*",
    "grunt-contrib-jshint": "~0.10.0",
    "grunt-contrib-nodeunit": "~0.4.1",
    "grunt-contrib-uglify": "~0.5.0",
    "grunt-contrib-clean": "~0.5.0",
    "grunt-contrib-requirejs": "~0.4.1",  
    "grunt-contrib-copy":"*",
    "grunt-contrib-cssmin":"*",  
    "grunt-strip": "~0.2.1" 
  }
}

3.然后安装 grunt所需的包