Javascript 如何使用Webpack构建Babel（同时保留源代码的文件夹结构）？

我有一个项目的层次结构如下：

-src/
-app.js（仅访问服务器端代码）
-服务器/
-模型/
-路线/
...
-客户/
-观点/
-scss/
-style1.scss
-样式2.scss
...
-js/
-index.js（es6）
-other-page.js（es6）
...
...
-B.法律改革委员会
-package.json
-webpack.config.js
...

我希望Webpack复制src中的所有内容，用Babel编译的等效文件替换.js文件，用编译的CSS替换.scss文件。像这样：

-距离/
-app.js
-服务器/
-模型/
-路线/
...
-客户/
-观点/
-css/
-样式1.css
-样式2.css
-js/
-index.js（现已编译）
-other-page.js（现已编译）
...
...

---

src/server/

中有非js文件，因此我认为不可能将其中的所有内容都合并到app.js中。尽管如此，对于我的问题，任何帮助都将不胜感激。

网页可能是这份工作的错误工具。它自称是一个

模块绑定器

，因此它的功能集非常严格地专注于这一目标：将东西捆绑在一起。我想喝点像这样的东西会更好

但是，你想这样做的原因是什么

顺便说一句：如果你真的必须这样做，你可以用它来做，它可以将文件和文件夹复制到其他目的地。插件接受一个

transform

属性，您可以在其中传递函数。我不知道该怎么做，但也许你可以在那里做点什么。再说一次，我不知道为什么您需要以这种方式实现它