Javascript Gulp-编译和绑定js文件并维护文件夹结构

我正在编写许多小“块”，这是更大网站的一部分。我需要每个块都有自己的文件夹和html、SCS，有时还有js文件。然后，必须编译所有文件（scss、ES6）并将其复制到

dist

目录，其文件夹结构与源代码相同（每个块分开）。为了使流程自动化，我正在使用Gulp。我使用gulp Flatte来维护文件夹结构，效果非常好。这是我的gulpfile的片段：

函数css（）{
返回src（“blocks/***/.scss”）
.管道（展平（{includeParents:1}））
.pipe（sass（））
.管道（目的地（“../dist/blocks”）；
}
函数html（）{
返回src（“blocks/***/.html”）
.管道（展平（{includeParents:1}））
.管道（目的地（“../dist/blocks”）；
}
函数脚本（）{
返回src（“blocks/***/.js”）
.管道（展平（{includeParents:1}））
.pipe（babel（））
.管道（目的地（“../dist/blocks”）；
}

当js文件中没有导入时，它可以正常工作。但是在某些块中，我必须导入一些npm包，因此我需要捆绑js代码

我怎么做？我不想捆绑所有东西，我想单独捆绑每个块的js文件，并将它们保存在它们的dist文件夹中，就像我现在使用scss所做的那样