Gulp/Compassを使ってSassフォルダ構造を維持する

Question

私はアプリの構造を再構成して、角を学習し、機能をモジュール化するようにしています。すなわち、各特徴に対する角js、html、およびcssを一緒に維持する。 今まで私は単純にCSSフォルダにcssフォルダ内の単一のcssファイルにコンパイルされたscssファイルが入ったsassフォルダを持っていました。一気ファイルは簡単だった：

gulp.task('styles', function() { 
    gulp.src('_components/sass/*.scss') 
     .pipe(compass({ 
     config_file: 'config.rb', 
     css: 'app/css', 
     sass: '_components/sass' 
     })) 
     .on('error', errorLog) 
     .pipe(gulp.dest('app/css')) 
     .pipe(livereload()); 
}); 

マイconfig.rbファイルは、次のようになります。

project_type= :stand_alone 
http_path = "/" 
css_dir = "app/css" 
sass_dir = "_components/sass" 
javascripts_dir = "app/js" 
images_dir = "img" 
line_comments = false 
preferred_syntax = :scss 
output_style = :expanded 
relative_assets = true 

今、私は角使用していることを、私は機能彼らに基づくSCSSファイルとCSSファイルを分けたいですに対応する。すべてのscssファイルを1つのCSSファイルにコンパイルするのではなく、アプリケーション内の自分のcssフォルダに模倣されているsassフォルダ内にフォルダ構造を持っています。

私は（私のconfig.rbファイルと同じ）sass: '_/components/sass/**/*'ようSASSディレクトリにワイルドカードを追加しようとしましたが、それがエラーを生成します。​​

基本的に、私が持っている方法を見つけ出すことはできませんgulp/compassは自分のsassフォルダ内のフォルダ構造を認識して、cssフォルダ内のフォルダ構造を模倣します。

ご協力いただきましてありがとうございます。 ありがとう！ マット

Answer 1

はgulp.src()に代わりのsass_dirとsassオプションで**を使用してみてください：

gulp.task('styles', function() { 
    gulp.src('_components/sass/**/*.scss') 
    .pipe(compass({ 
     config_file: 'config.rb', 
     css: 'app/css', 
     sass: '_components/sass' 
    })) 
    .on('error', errorLog) 
    .pipe(gulp.dest('app/css')) 
    .pipe(livereload()); 
});