Как создать пакет из подкаталога, содержащий файл 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 внутри вложенных папок из папки Products (Продукты// .js)