带PrimeNG的angular2-meteor

Question

我正在与Angular-Meteor合作一个项目，它工作得很好。作为我的起点，我使用了https://github.com/Urigo/angular2-meteor-base。现在我想安装PrimeNG作为我的UI。关于http://www.primefaces.org/primeng/#/setup的文档说，我需要一个像webpack或system.js这样的模块管理器来绑定依赖项。它们都不存在于angular-meteor项目中。我甚至不明白它是如何工作的，因为即使在Angular2页面上，样板示例也包含一个模块加载器。在Angular-Meteor基础示例中模块管理是如何工作的，以及如何添加PrimeNG。

谢谢

Answer 1

请记住，Meteor已经包含了自己的包/插件/模块管理器(不要将它们与Angular“模块”混淆)。

特别是，它现在可以很好地与npm一起工作，所以一条简单的import {myModule} from "primeng/primeng";语句应该可以工作。当然，请确保您已经通过npm (命令npm install primeng --save)安装了primeng，如您所链接的设置页面中所述。

Meteor随后会自动将所需的脚本包含到您的应用程序包中。

然后，您需要包含适当的CSS和相关的图像/字体。我认为webpack会自动处理CSS中指向图像和字体的链接(SystemJS就不知道了)，但Meteor并非如此。

一个简单的解决办法是将它们复制到您的public文件夹中，并具有适当的子文件夹结构(如public/images/或public/fonts/，这取决于这些资源与原始CSS文件的相对位置)。

至于CSS文件本身，只需将它们包含在client文件夹中的任何位置，Meteor就会将它们捆绑在一起。