如何從子目錄製作包含javascript文件的包

Question

目前我遇到以下情況。以下是我的文件夾結構。

-Root 
--Products 
    --Product_1 
     -- Product_1.html 
     -- Product_1.js 
     -- Product_1.css  
    --Product_2 
     -- Product_2.html 
     -- Product_2.js 
     -- Product_2.css  
    --Product_3 
     -- Product_3.html 
     -- Product_3.js 
     -- Product_3.css  
    --Product_4 
     -- Product_4.html 
     -- Product_4.js 
     -- Product_4.css 

現在我想創建結合所有的產品目錄中可用的.js文件的包，並創建一個bundle.js使用或者大口和/或的WebPack。

任何人有任何想法我該怎麼做？

Answer 1

您可以使用gulp-concat來合併所有JS文件。對於您的文件夾結構，您需要以下代碼。

var gulp = require ("gulp"), 
    concat = require ("gulp-concat"); 

gulp.task ("concatJs", function() { 
    return gulp.src ("./Products/*/*.js") 
      .pipe (concat ("bundle.js")) 
      .pipe (gulp.dest ("./Products/")); 
}); 

• 在gulp.src目標的所有JS文件夾的產品的子文件夾內（產品/ /的.js）