最小化 css:grunt-contrib-cssmin

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

下面我再用 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 ...

最小化 css:grunt-contrib-cssmin《 Grunt 自动化任务 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点