我的项目层次结构如下:
-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.不过,对于我的问题,任何帮助都会受到赞赏。
答案 0 :(得分:0)
Webpack可能是错误的工具。它被自我描述为module bundler
,因此它的特征集非常严格地集中在这一端:将事物捆绑在一起。我认为gulp对于这样的事情会更好。
但是,你想要这样做的原因是什么?
顺便说一句:如果你真的必须这样做,你可以用copy-webpack-plugin来做,它能够将文件和文件夹复制到其他目的地。插件接受一个transform
属性,您可以在其中传递函数。我不能轻易想到它会如何起作用,但也许你可以在那里做点什么。同样,我不知道为什么你需要以这种方式实现它。