2016-06-30 81 views
1

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

這裏的文件夾結構:

folder structure

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

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

回答

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 
+0

你可以通過帶我四處正確的答案「亭子安裝引導」 ...不知何故,涼亭沒有安裝...但它已安裝...很奇怪...我可以右鍵單擊我的涼亭文件夾和'管理涼亭包',但是當我嘗試在'包管理器控制檯'與'涼亭......任何東西'轟炸說,涼亭沒有安裝...安裝涼亭,然後插件這是一個很大的bootstrap,它是由那個錯誤得到的。下一個錯誤導致我對我的@includes進行重新排序,所以'變量'和'基'排在第一位。這似乎是最終的解決辦法。 –

相關問題