Webpack 如何使子目录中的包包含javascript文件

Webpack 如何使子目录中的包包含javascript文件,webpack,gulp,Webpack,Gulp,目前我遇到以下情况。以下是我的文件夹结构 -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

目前我遇到以下情况。以下是我的文件夹结构

-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文件的组合包,并使用gulp和/或webpack创建一个bundle.js

有人知道我该怎么做吗?

你可以用它来组合所有的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中,以Products文件夹(Products/.JS)子文件夹中的所有JS文件为目标