Sass 使用Grunt在Compass中生成扩展和压缩的css文件
我正在使用grunt contrib compass来编译我的SCSS文件,下面是相同的Gruntfile配置Sass 使用Grunt在Compass中生成扩展和压缩的css文件,sass,gruntjs,grunt-contrib-watch,grunt-contrib-compass,Sass,Gruntjs,Grunt Contrib Watch,Grunt Contrib Compass,我正在使用grunt contrib compass来编译我的SCSS文件,下面是相同的Gruntfile配置 compass: { dist: { options: { watch: true, imagesDir: 'web/assets/img', sassDir: 'web/assets/scss', cssDir
compass: {
dist: {
options: {
watch: true,
imagesDir: 'web/assets/img',
sassDir: 'web/assets/scss',
cssDir: 'web/assets/css'
}
}
}
正如您所看到的,我正在使用Compass的“监视”选项监视文件的更改。因此,scss文件夹中的所有文件都将被编译,最终,在css文件夹中生成一个主文件styles.css。虽然我可以使用Compass任务的outputStyle:compressed选项来生成所有缩小的CSS文件,但我希望这些文件保持扩展状态
那么,我是否可以生成扩展的原始文件,同时生成压缩的附加文件.min.css
到目前为止,我还有另一个解决方案,就是避免使用指南针手表,而是依赖grunt contrib watch和grunt contrib cssmin。但grunt contrib手表比罗盘慢得多
我不能让另一个watch任务运行来监视CSS文件并在它们被更改时运行cssmin,因为使用watch:true启动compass将阻止任何其他后续任务,除非我使用类似的东西,我希望避免这样做
感谢您的帮助