下面我再用 grunt-contrib-cssmin 这个插件去最小化一下指定的 css 文件... 先去安装一下这个插件 ...
npm install grunt-contrib-cssmin --save-dev
完成以后,打开 Gruntfile.js ... 再把刚才安装的插件载入进来 ...
grunt.loadNpmTasks('grunt-contrib-cssmin');
然后再到配置对象里面去配置一下这个任务 ... 添加一个叫 cssmin 的属性,这个属性要跟任务的名字一样 ... 再定义一个任务的目标 ... 添加一个叫 dist 的目标 ... 它的值是一个对象 ... 在这个对象里,我们可以使用 files 这个对象,去描述一下文件处理之后的路径,还有对应的要处理的文件 ...
或者也可以使用 src 跟 dest 属性 ... 输入一个 src ... 它的值就是要处理的文件的源 ... 我们要把使用 less 或者 sass 任务编译之后的 css 文件最小化一下 ... 这个文件是在 dist/stylesheets 下面 ... 文件的名字是 style.css ...
逗号分隔开 ... 另起一行,再添加一个 dest ... 它的值就是处理之后的文件的位置 ... 放到 dist/stylesheets 下面,命名为 style.min.css ...
保存 ... 回到命令行 . ... 输入 grunt cssmin ... 回车 ... 完成以后,再回到项目 ... 在 dist ... stylesheets 下面,可以找到最小化之后的 css 文件,style.min.css ...