Visual Studio 2015とGulp：すべてのサブディレクトリ内のすべてのファイルを取得

Question

Gulpが必要としているすべてのファイルを取得/参照できないという問題があります。これは、もはや私たちと一緒にいなくなった前の開発者のために働いていた。 gulpメソッドは、参照エラーと思われるものでエラーが発生しています。 Assetsフォルダ内のサブディレクトリを「見る」ことができないようです。ここで

は誤りです：ここでは

[08:47:38] Using gulpfile C:\Development...\Gulpfile.js 
[08:47:38] Starting 'icons'... 
[08:47:38] Finished 'icons' after 48 ms 
[08:47:38] Starting 'sass'... 
events.js:160 
    throw er; // Unhandled 'error' event 
^
Error: Assets\sass\styles.scss 
Error: File to import not found or unreadable: bootstrap 
    Parent style sheet: C:/Development/***... on line 5 of  Assets/sass/styles.scss 
>> @import 'bootstrap'; 

は私の関連一気スクリプトです：

gulp.task('sass', ['icons'], function() { 
return gulp.src('./Assets/sass/styles.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass({ 
     includePaths: [ 
     'bower_components/bootstrap/scss', 
     'bower_components/font-awesome/scss', 
     'bower_components/bootstrap4-chosen' 
     ] 
    })) 
    .pipe(concat('styles.css')) 
    .pipe(sourcemaps.write()) 
    .pipe(gulp.dest('./wwwroot/css')) 
    .pipe(browserSyncStream()); 
}); 

styles.scss：

// Base vendors and variables 
@import 'font-awesome'; 
@import 'variables'; 
@import 'bootstrap'; 

// Mixins, utilities and base styles 
@import 'mixins'; 
@import 'utilities'; 
@import 'base'; 

は、ここでフォルダ構造です：

にstyles.scssに@importを変更する：

@import '../../bower_components/bootstrap/dist/css/bootstrap.css'; 

取得することは私に別のエラーです：

ここに欠落している複数の参照があるよう

> Error: Undefined variable: "$font-size-lg". 
    on line 38 of Assets/sass/_layout.scss 
>>  font-size: $font-size-lg; 

ようだ...と私は考えていることgulpスクリプトはすべてのファイルを再帰的にすべてのサブフォルダで検索して取得しているわけではありません...どのようにしてそれを行うのですか？それとも何か不足していることがありますか？

Answer 1

sassタスクに問題はありません。それを試してみました。作品。

私の推測では、同僚が今後のバージョンbootstrap 4.0.0の開発版を使用していたのですが、ブートストラップ3.xがインストールされていると思います。現在bootstrap 3.3.6にはまだlessが使用されているため、scssフォルダはありません。単純にbower install bootstrapの場合、3.3.6を取得します。

あなたbower.jsonで、次のしたことを確認してください：

"dependencies": { 
    "bootstrap": "4.0.0-alpha.2" 
} 

または使用して直接ブートストラップ4.0.0をインストールします。

bower install bootstrap#4.0.0-alpha.2