2017-02-13 52 views
0

如何配置爲angular2中的所有塊文件在「dist」文件夾中創建單獨的文件夾?如何在運行構建時將塊文件放在單獨的文件夾中?

我已經使用ngcli並運行ng build的項目。它創建「dist」文件夾。那很好。

This is basic structure of project.

但我希望把所有* .chunk.js和* .MAP文件中單獨的文件夾中的DIST。像

DIST /模塊/ 0.chunk.js

DIST /模塊/ 0.map

所以結構將看起來像......在先進

enter image description here

謝謝。

+0

這個問題可能太寬泛無法回答。有很多方法可以做到這一點。 – pixelbits

+0

Pixelbits你可以用任何一種方式幫助我嗎? – Ghanshyam

回答

0

您可以使用Angular ClI,然後創建多個NgModules,並在路由器中使用Lazyload。然後,當你建立ng build --prod時,每個模塊將在一個單獨的文件中。

下面是幾個關於lazyload推薦文章: http://blog.angular-university.io/angular2-ngmodule/ https://angular-2-training-book.rangle.io/handout/modules/lazy-loading-module.html

+0

感謝Tuong Le。但是我把* .chunk.js和* .map文件放在dist/modules文件夾中。我希望你明白了。 – Ghanshyam

0

嘗試使用獨立的編譯包像GUP或呼嚕聲,這將使發送到一個單獨的文件夾塊文件。否則你也可以在tsconfig.json中創建一個編譯器選項{outDir:'src/chunk'}。看看這是否解決了你的問題。

+0

請更具體地說明它應該如何實施你的建議。只是要求OP嘗試使用Gulp或Grunt構建一個全新的構建管道,希望這可能會解決問題並不是很有幫助。 – BogdanC

相關問題