私は一般的にgulp - sassとsassscss構造を使用することに新しいので、私と一緒にご負担ください!
私はいくつかの部分をインポートするscssファイルを持っています。
私は、私のメインのscssファイルと私がインポートしたいファイルのカップルを含む部分サブフォルダを住んでいるスタイルのフォルダを持っています。
だから私のmain.scssの上に私は典型的な:
@import "partials/main_menu";
@import "partials/main_usermenu";
私のgulpファイルに関連する部分は次のとおりです:
var paths = {
scss_files:"./src/assets/styles/**/*.scss"
}
gulp.task("compile_sass", function () {
return gulp.src(paths.scss_files, {base:"src"})
.pipe(gulp.dest(paths.dist))
.on("error", gutil.log)
.pipe(sass({outputStyle: "compressed"})
.on("error", sass.logError))
.pipe(rename({suffix: ".min"}))
.pipe(gulp.dest(paths.dist))
});
私のgulpタスクが実行されると、私のmain_menuの部分が見つからないか、読めなくなってインポートに失敗するというエラーが表示されます。
私の仕事に何かが欠けていますか?私は使用すべきか、それともちょうどうまくいくべきか、いくつかのおしゃれな選択肢がありますか?
ありがとう
回答:
回答№1は0これを見た後、関連する 質問 私は同じような問題を解決することができました。
あなたがパーシャルディレクトリへの親パスを含むsass()関数呼び出しに "includePath"オプションを追加すると、エラーは消えてしまいます。
すなわち次のようなもの
.pipe(sass({includePath: ["parent/PathTo/Partials"], outputStyle: "compressed"})