Gruntjs 我正在使用Grunt usemin和useminPrepare for CSS,如何添加缩小步骤?
下面是我的useminPrepare代码段,有没有办法在css中添加一个缩略步骤,如果可能的话,我会尽量避免另一个grunt插件…但我愿意接受所有答案Gruntjs 我正在使用Grunt usemin和useminPrepare for CSS,如何添加缩小步骤?,gruntjs,grunt-usemin,Gruntjs,Grunt Usemin,下面是我的useminPrepare代码段,有没有办法在css中添加一个缩略步骤,如果可能的话,我会尽量避免另一个grunt插件…但我愿意接受所有答案 useminPrepare:{ html: './public/index.html', options:{ dest: './public', flow:{ html:{ steps:{
useminPrepare:{
html: './public/index.html',
options:{
dest: './public',
flow:{
html:{
steps:{
js: ['concat', 'uglifyjs'],
css: ['concat']
},
post:{}
}
}
}
}
如中所述,您应该将cssmin
添加到css步骤配置中:
css : ['concat', 'cssmin']
希望有帮助。我最后不得不安装grunt contrib cssmin并将其添加到grunt.loadNpmTasks列表中。我还需要将cssmin部分添加到grunt文件中,并在useminPrepare任务中引用cssmin。这一点记录如下:
cssmin: {
target: {
files: {
'./public/style-min.css': ['./public/style.css']
}
}
},
useminPrepare:{
html: './public/index.html',
options:{
dest: './public',
flow:{
html:{
steps:{
js: ['concat', 'uglifyjs'],
css: ['concat', 'cssmin']
},
post:{}
}
}
}
}
这是它的一部分,完整的答案张贴。谢谢你的帮助。