次の単調なタスクを使用しています
grunt-sass grunt-contrib-watch grunt-autoprefix node-bourbon
(uglify、spritesmith、haml など、他にもいくつかのタスクがありますが、この例では省略しています)
私のうなり声ファイルは次のようになります。
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
options: {
sourceMap: true,
outputStyle: 'compressed',
imagePath: 'assets/css/img',
includePaths: require('node-bourbon').includePaths
},
dist: {
files: {
'assets/css/app.css': 'assets/sass/app.scss'
}
}
},
autoprefixer: {
options: {
browsers: ['last 2 version', 'ie 8', 'ie 9'],
silent : false
},
dev: {
src: 'assets/css/app.css',
dest: 'assets/css/post.css'
},
},
watch: {
options: {
livereload: true
},
sass: {
files: ['assets/sass/**/*.scss', 'assets/sass/*.scss'],
tasks: ['sass:dist', 'autoprefixer:dev']
}
}
});
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-sass');
grunt.loadNpmTasks('grunt-autoprefixer');
grunt.registerTask('default', ['watch', 'sass']);
};
これは機能しています。ただし、sass ファイルにエラーがある場合、何も報告されません。たとえば、存在しない $variable を使用しようとすると、端末にエラーは報告されません
以下に 2 つの後続のログを示します。最初のログはエラーなしで正常にコンパイルされます。2番目はコンパイルされません（scssファイルに未定義の変数があるため）
Completed in 1.712s at Sun Sep 28 2014 15:23:17 GMT+0100 (GMT Daylight Time) - Waiting...
>> File "assets\sass\app.scss" changed.
Running "sass:dist" (sass) task
File assets/css/app.css created.
File assets/css/app.css.map created.
Running "autoprefixer:dev" (autoprefixer) task
File assets/css/post.css created.
Done, without errors.
C:\wamp\www\_bp2>grunt
Running "watch" task
Waiting...
>> File "assets\sass\app.scss" changed.
Running "sass:dist" (sass) task
Completed in 1.656s at Sun Sep 28 2014 15:29:25 GMT+0100 (GMT Daylight Time) - Waiting...
エラーがログに記録されていない理由を知っている人はいますか?
コンパスの代わりにlibsassとバーボンを使用するように、sassボイラープレートを再構築中です。そのため、プロセス中に大量のエラーに遭遇することが予想されるため、これらのエラーが何であるかを本当に知る必要があります.
ありがとう