我正在使用angularjs构建一个相当大的JS应用程序,并且正在使用Grunt将所有内容处理为紧凑的发行版。我不知道该用什么来将.scss文件编译,合并和缩小为一个单独的CSS文件。
我的项目是按模块组织的,因此.scss文件是分散的,而不是分组在一个目录中。
我看过grunt-contrib-sass和grunt-contrib-compass,但是它们似乎都要求您单独指定要编译的文件。我正在寻找一种在添加源文件时无需更改的解决方案。
我可以使用哪个Grunt插件将sass文件编译,合并和缩小为单个css文件?
我目前正在使用concat和凹陷来concat并缩小我的普通CSS文件:
concat: {
css: {
src: ['<%= src.css %>'],
dest: '<%= distdir %>/<%= pkg.name %>.css'
},
},
recess: {
min: {
files: {
'<%= distdir %>/<%= pkg.name %>.css': ['<%= distdir %>/<%= pkg.name %>.css']
},
options: {
compress: true
}
}
}
我认为有关模式的文档可以为您提供帮助。
http://gruntjs.com/configuring-tasks#globbing-patterns
sass: { // Task
dist: { // Target
options: { // Target options
style: 'expanded'
},
src: 'foo/{a,b}*.sass', // you can use some kind of regular expression
dest: 'foo/css/
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句