2016-12-01 22 views
0

我加入鮑爾到項目,該項目已在使用咕嘟咕嘟。我的文件夾結構是這樣的:杯和鮑爾 - 創建正確的文件結構

|- bower_components 
| |- dependency1 
| | |- dist 
| |  |- lib1.js 
| |  |- lib1.min.js 
| | 
| |- dependency2 
|  |- core 
|   |- sub 
|   | |- extra.js 
|   | 
|   |- lib2.js 
| 
|- target 
    |- js 

我已經成功地複製所有第三方libreries目標使用main-bower-filesbower-normalize/JS。但它的扁平化(和我沒有設置涼亭,規範化選項flatten爲true!),所以它看起來像:

target 
|- js 
    |- lib1.js 
    |- extra.js 
    |- lib2.js 

文件lib1.jsextra.jslib2.js中被標記爲bower.json配置文件main

我想達成什麼是有文件的結構,如:

target 
|- js 
    |- dependency1 
    | |- lib1.js 
    | 
    |- dependency2 
     |- sub 
     | |- extra.js 
     | 
     |- lib2.js 

我會幫忙真是感激!

+0

顯示你的gulpfile.js文件可能會有所幫助,也就是說有人可以用語法來幫助你。 – srussking

+0

你需要將'{base:'。'}'傳遞給你的gulp.src命令 – harishr

回答

1

經過gulp-flatten, 這將幫助您刪除或替換文件的相對路徑。和 還,我強烈建議 wiredep。它會自動 處理所有的亭子依賴你,以及依賴的順序 的。希望這會幫助你。

你的源代碼目錄與涼亭的部件:

|- bower_components 
| |- dependency1 
| | |- dist 
| |  |- lib1.js 
| |  |- lib1.min.js 
| | 
| |- dependency2 
|  |- core 
|   |- sub 
|   | |- extra.js 
|   | 
|   |- lib2.js 
| 
|- target 
    |- js 

使用一飲而盡,扁平化 -

gulp.src(['bower_components/**/*.js']) 
    .pipe(flatten({ includeParents: [1, 1]})) 
    .pipe(gulp.dest('build/')); 

將創建這個結構(從上面的樹形目錄):

|- bower_components 
| |- dependency1 
| | |- lib1.js 
| | 
| |- dependency2 
|   |- sub 
|   | |- extra.js 
|   | 
|   |- lib2.js 

includeParents: [1, 1]如果經過作爲兩個數的陣列,從頂部和底部父母雙方將被保持在所產生的文件的路徑。

includeParents: 1如果作爲正數傳遞,它將包括輸出中頂級父母的數量。

includeParents: -1如果爲負數通過,將包括最下層的父母在輸出數量。