我怎樣才能用Babel構建Webpack（同時保留源文件夾結構）？

Question

我有一個層次的東西像這樣的項目：

-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內複製，與巴貝爾編譯等同替換.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) ... ...

有非js文件內src/server/，所以我不認爲這是可能的一切，這裏面結合成app.js.儘管如此，任何幫助將不勝感激我的問題。

Answer 1

Webpack可能是這項工作的錯誤工具。它被自我描述爲一個module bundler，所以它的功能集非常嚴格地集中在這方面：將所有東西捆綁在一起。我認爲吞嚥會對這樣的事情更好。

但是，你有什麼理由想要做到這一點？另外：如果您真的需要這樣做，您可以使用copy-webpack-plugin來完成，它可以將文件和文件夾複製到其他目的地。有一個transform屬性，該插件接受您可以在其中傳遞函數的位置。我不能輕易想到它會如何工作，但也許你可以在那裏做點什麼。同樣，我不知道爲什麼你需要以這種方式來實現它。