サブディレクトリからバンドルを作る方法はjavacriptファイル

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 

は、今私はProductsフォルダで利用可能なすべての.jsファイルの束を組み合わせて、一口および/またはWebPACKのいずれかを使用して1 bundle.jsを作成作成したいです。

どうすればいいですか？

Answer 1

gulp-concatを使用すると、すべてのJSファイルを結合できます。あなたのフォルダ構造には、以下のコードが必要です。 gulp.srcターゲットで

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/")); 
}); 

• Productsフォルダ（製品/ /の.js）

のサブフォルダ内のすべてのJSファイル