Visual Studio 2015和Gulp：獲取所有子目錄中的所有文件

Question

我有一個問題，Gulp沒有獲取/引用它所需的所有文件和錯誤。這對於我們已經不在的前任開發者來說是有效的。吞噬方法與看起來是參考錯誤的錯誤。它似乎無法'看到'資產文件夾內的任何子目錄。

這裏的錯誤：

[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; 

好像有多個引用在這裏失去了......我認爲，吞嚥腳本並不是通過遞歸搜索所有子文件夾來獲取所有文件......我如何巧妙地完成這項工作？還是有其他缺失？

Answer 1

您的sass任務沒有任何問題。試過了。作品。

我的猜測是你的同事正在使用即將推出的bootstrap 4.0.0的開發版本，但你已經安裝了bootstrap 3.x。當前bootstrap 3.3.6沒有scss文件夾，因爲它仍然使用less。如果你只是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