grunt jsは1つのCSSにすべてのscssファイルを圧縮していません

Question

私はgruntで新しく、私はgrunt jsの助けを借りてCSSにscssファイルをコンパイルしようとしていました。私のフォルダ構造はプロジェクトのためのものです -

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ファイルが作成されません。

Answer 1

grunt-contrib-sassタスクの構文が間違っています。

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

を参照してくださいに

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

から 'SRC'

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

更新：それは先に "あるべき

追加shoudn't _style.scssの前に下線を引いて、ファイルは出力には生成されません。これは、インポートファイルを生成するのを避けるためです。 _style.scssの名前をstyle.scssに変更します。