与PrimeNG

Question

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

谢谢

Answer 1

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

特别是，它现在适用于npm，因此一个简单的import {myModule} from "primeng/primeng";语句应该可以正常工作。当然，请确保您已安装primeng到npm（命令npm install primeng --save），如您链接到的设置页中所述。

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

然后你将留下包括适当的CSS和相关的图像/字体。我认为webpack会自动处理CSS中的链接到图像和字体（不知道SystemJS），但Meteor不是这样。

一个简单的解决方法是将它们复制到public文件夹中，并使用相应的子文件夹结构（如public/images/或public/fonts/，具体取决于这些资源的相对位置原始的CSS文件）。

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