我如何使用Babel构建(同时保留源文件的文件夹结构)和Webpack？

我有一个项目，其层次结构如下所示：

-src/ -app.js (only accesses server-side code) -server/ -models/ -routes/ ... -client/ -views/ -scss/ -style1.scss -style2.scss ... -js/ -index.js (es6) -other-page.js (es6) ... ... -.babelrc -package.json -webpack.config.js ...

我希望Webpack复制src中的所有内容，用Babel编译的等价物替换.js文件，用编译的CSS替换.scss文件。如下所示：

-dist/ -app.js -server/ -models/ -routes/ ... -client/ -views/ -css/ -style1.css -style2.css -js/ -index.js (now compiled) -other-page.js (now compiled) ... ...

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

转载请注明出处:http://www.intsu.net/article/20230430/1652654.html