如何将.CSS文件连接到我编译的.SCSS文件上？
如何将.CSS文件连接到我编译的.SCSS文件上？
提问于 2014-06-16 20:55:54
我在学咕哝，这太棒了！
背景：
我的项目是使用SASS (.scss)构建的，我使用grunt的compass插件在输出时将多个.scss编译成单个.CSS。
问题：
我使用的是一个jQuery插件，它有一个与它相关的.css文件。我想让我的格伦特做以下几件事：
- 将*.SCSS编译成
frontend.css - 完成后，将
plugin.css连接到frontend.css的末尾 - 缩小
frontend.css。
我已经尝试为我的CSS添加了一个concat规则，它是在罗盘编译之后运行的。以下所示为凹式规则。
concat: {
css: {
src: ['www/assets/css/frontend.css',
'bower_components/bootstrap-datepicker/css/plugin.css'],
dest: 'www/assets/css/frontend.css'
}
}下面是这个繁重的任务的样子：
grunt.registerTask('default', ['newer:concat:vendors', 'copy', 'uglify', 'compass:dist', 'newer:concat:css', 'newer:cssmin', 'newer:imagemin']);下面是我正在使用的Grunt插件的列表：
// Load Grunt Tasks
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.loadNpmTasks('grunt-contrib-compass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-copy');
grunt.loadNpmTasks('grunt-contrib-imagemin');
grunt.loadNpmTasks('grunt-newer');如果我调用concat:css，那么plugin.css就会被连接起来，但是每次我运行任务时，都会一次又一次地添加它，这样就会在文件中插入相同plugin.css的多个副本。
如果我调用newer:concat:css，文件就不会连接到frontend.css上。
任何帮助都非常感谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-06-16 21:36:10
最简单的解决方案是使用咕噜-干净，它可以简单地删除每个构建上的文件：
clean: {
css: ['www/assets/css/frontend.css']
}或者不安装插件：
grunt.registerTask('clean:css', function () {
grunt.file.delete('www/assets/css/frontend.css');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24252050
复制相关文章
相似问题
腾讯云开发者
