2017-06-20 47 views
1

我是grunt中的新手,我试图用grunt js编译scss文件到css。我的文件夹结构是为项目是 -grunt js没有将所有scss文件压缩到一个css中

public 
| |_css 
| | 
| |_sass 
| |_style.scss 
| 
gruntfile.js 
package.json 

我的grunt文件是。

// Load Grunt 
module.exports = function (grunt) { 
grunt.initConfig({ 
pkg: grunt.file.readJSON('package.json'), 

// Tasks 
sass: { // Begin Sass Plugin 
dist: { 
files: { 
'public/sass/**/*.scss': 'public/css/style.css' 
} 
} 
}, 

watch: { // Compile everything into one task with Watch Plugin 
css: { 
files: './public/sass/**/*.scss', 
tasks: ['sass'] 
}, 

} 
}); 
// Load Grunt plugins 
grunt.loadNpmTasks('grunt-contrib-sass'); 
grunt.loadNpmTasks('grunt-contrib-watch'); 

// Register Grunt tasks 
grunt.registerTask('default', ['watch']); 
}; 

当我运行grunt命令我没有创建任何编译的css文件。

回答

0

你在grunt-contrib-sass任务上的语法是错误的。它应该是 '目标':从

'public/sass/**/*.scss': 'public/css/style.css' 

'SRC'

'public/css/style.css': 'public/sass/**/*.scss' 

参考 - 例如 https://github.com/gruntjs/grunt-contrib-sass

更新:

您shoudn't添加在_style.scss之前加下划线,以。开头的文件_不会被生成到输出。这是为了避免sass生成导入文件。将_style.scss重命名为style.scss

+0

完成chages后,不会创建style.css文件。我的日志是。 **正在运行“观看”任务 正在等待... >>文件“public/sass/_style.scss”已更改。运行“sass:dist”(sass)任务 完成。 完成时间:星期四6月6日上午6时33分15时07分45秒GMT + 0530(IST) - 等待中... ** – MAKAM

+0

@MAKAM:在_style.scss之前,你不应该加下划线,生成到输出。这是为了避免sass生成导入文件 – karthick

相关问题