gulp-sassを実行すると Invalid CSS のエラーが発生する
gulpを使い、sassのコンパイル環境を構築しようとしています。諸々のインストールとgulpfile.jsなどを作り、gulpfile.jsにtaskを書いたのですが、実行してもこのエラーでうまくコンパイルされません。
events.js:160
throw er; // Unhandled 'error' event
^
Error: develop/style.sass
Error: Invalid CSS after "body {": expected "}", was "{}"
on line 1 of develop/style.sass
>> body { {}
------^
at options.error (/Users/suzuki/Local Sites/www/app/public/wp-content/themes/test/node_modules/node-sass/lib/index.js:291:26)
ちなみに、ファイル構造、gulpfile.js内は以下のように書いてます。
project
└develop
└sass
└production
(└css ← ここにコンパイルしたい)
↓ gulpfile.js内
var gulp = require("gulp");
var sass = require("gulp-sass");
gulp.task("sass",function(){
gulp.src("/Users/suzuki/Local Sites/www/app/public/wp-content/themes/org/develop/style.sass")
.pipe(sass())
.pipe(gulp.dest("/Users/suzuki/Local Sites/www/app/public/wp-content/themes/org/production"))
console.log("コンパイル完了");
});
styleの中身です。sassの入門記事を参考にとりあえず入れてみたものです。
html {
background:red;
body {
background:blue;
}}
ご回答、よろしくお願いします