2016-12-07 52 views
0

我在互聯網上搜索了一個答案:如何將包括依賴項的所有Angular 2代碼編譯爲一個文件。這已被問了很多次,但我有一個不同的方法。啓動角度之前我的文件樹是:將Angular 2項目編譯爲一個app.js文件

public 
source 
└─── _base 
     ├─── sass 
     └─── img 
└─── _structure 
     ├─── sass 
     └─── img 
├─── gulpfile.js 
├─── node_modules 
└─── package.json 

現在我的當前文件樹看起來是這樣的:

public 
source 
├─── __components 
├─── __directives 
├─── __services 
└─── _base 
     ├─── sass 
     └─── img 
└─── _structure 
     ├─── sass 
     └─── img 
├─── gulpfile.js 
├─── node_modules 
└─── package.json 

計劃是結尾的文件所有的.ts從__directives/__services/__components文件夾複製與一飲而盡,通過systemjs運行它們並導出一個app.min.js./public文件夾

是否有可能與我的當前設置來實現這一目標? (使當前文件樹設置變得複雜)

回答

0

您正在尋找的是像Webpack這樣的模塊打包程序。

+0

將處理相對路徑沒有麻煩? (加上編譯時間不會太長,甚至沒有發展?) –

+0

閱讀關於它[這裏](https://github.com/webpack/webpack) – Shai

+0

@MikeDuister:如果你已經在使用SystemJS,使用它們模塊打包器也可能是一個很好的選擇:https://github.com/systemjs/builder –

相關問題