如何使用Webpack构建Babel(同时保留源文件夹结构)?

时间:2017-07-23 11:09:36

标签: javascript node.js webpack ecmascript-6 babeljs

我的项目层次结构如下:

-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.不过,对于我的问题,任何帮助都会受到赞赏。

1 个答案:

答案 0 :(得分:0)

Webpack可能是错误的工具。它被自我描述为module bundler,因此它的特征集非常严格地集中在这一端:将事物捆绑在一起。我认为gulp对于这样的事情会更好。

但是,你想要这样做的原因是什么?

顺便说一句:如果你真的必须这样做,你可以用copy-webpack-plugin来做,它能够将文件和文件夹复制到其他目的地。插件接受一个transform属性,您可以在其中传递函数。我不能轻易想到它会如何起作用,但也许你可以在那里做点什么。同样,我不知道为什么你需要以这种方式实现它。