2016-11-15 95 views
2

我正在與Angular-Meteor合作開展一個項目,工作很棒。作爲我的出發點,我使用https://github.com/Urigo/angular2-meteor-base。現在我想安裝PrimeNG作爲我的用戶界面。關於http://www.primefaces.org/primeng/#/setup的文檔說我需要像webpack或system.js這樣的模塊管理器來綁定依賴關係。它們都不存在於基於角流星的項目中。我甚至不明白這是如何工作的,因爲即使在Angular2頁面上,樣板示例也包含一個模塊加載器。模塊管理如何在Angular-Meteor基礎示例上工作,以及如何添加PrimeNG。angular2-meteor與PrimeNG

謝謝

回答

1

記住,流星已經包括它自己的包/插件/模塊管理器(不帶角的「模塊」混淆)。

特別是,它現在與npm效果很好,所以簡單的import {myModule} from "primeng/primeng";聲明應該可以工作。當然,請確保您已安裝primengnpm(命令npm install primeng --save),如鏈接到的設置頁中所述。

流星會自動將所需的腳本包含到您的應用程序包中。

然後,您將剩下包含相應的CSS和相關圖像/字體。我認爲webpack會自動處理CSS中圖像和字體的鏈接(不知道SystemJS),但Meteor並非如此。

簡單的解決方法是將它們複製到文件夾public,用合適的子文件夾(S)結構(如public/images/public/fonts/,這取決於如何將這些資產與原始CSS文件相對放置)。

至於CSS文件本身,只需將它們包含在client文件夾中的任意位置,Meteor就會將它們捆綁在一起。