【发布时间】:2015-03-23 17:40:26
【问题描述】:
我尝试使用 grunt-contrib-sass 插件将 Sass 任务添加到我的 grunt 进程中,但是当我运行它时,他创建了 css 文件,但这个文件是空的
这是我的 Gruntfile.js:
module.exports = function(grunt){
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
dist: {
options: {
style:'expanded',
trace: true
},
files: {
'main.css':'sass/app.scss'
}
}
},
watch: {
css: {
files: '**/*.scss',
tasks: ['sass']
}
}
});
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default', ['watch']);
};
当我启动命令“grunt”时,我有这个:
运行“监视”任务
等待.....
文件“sass\app.scss” 已更改
运行“sass:dist”任务
(什么都没有)
我有:
- Ruby 2.1.5 [x64-mingw32]
- SASS:3.4.10
- 咕噜声:最新版本
谢谢!
【问题讨论】:
-
您能发布您的
sass/app.scss文件吗? -
@JanickBernet 没什么很高级的,我只是在另一个规则中添加了一条规则:.coco { margin: 2px; h1 {边距:5px; } }
-
您能告诉我们您的文件夹结构吗?我认为这与路径“sass/app.scss”有关。查看文件位置相对于 gruntfile 位置是否正确。
-
我在换行时遇到了一些麻烦,所以这里有一个文件夹结构图像的链接:link,当我启动命令“grunt”时,文件 main.css 是创建但他只是不将 app.scss 中的指令编译到 main.css
标签: javascript ruby gruntjs