angular - 使用 PrimeNG 组件构建 CLI

Question

嗨，我喜欢 Angular CLI，并在几秒钟内就开始了很棒的工作。好吧，我已经在使用 PrimeNG Angular 2 组件并且一切都很好，现在我想使用 CLI 的构建过程。

所以我做了什么，我用 CLI 创建了一个新项目，并使用 npm 我安装了 PrimeNG 组件。现在我很困惑我应该在哪里输入 PrimeNG 组件的配置设置。

PrimeNG 的链接是http://www.primefaces.org/primeng/。

Answer 1

有一个测试项目可以使用带有primeng的angular cli。

Angular2 Cli 与 PrimeNG

Answer 2

当您使用组件时，您应该将定义写入 angular-cli.json，您应该将该组件添加到 app.module.ts 导入部分。对于其他 css 和 js 文件，您可以使用这样的配置。

 "styles": [
    "../node_modules/font-awesome/css/font-awesome.min.css",
    "../node_modules/primeng/resources/themes/omega/theme.css",
    "assets/layout/css/layout.css",
    "../node_modules/primeng/resources/primeng.min.css",
    "../node_modules/fullcalendar/dist/fullcalendar.min.css",
    "../node_modules/quill/dist/quill.snow.css",
    "../node_modules/nanoscroller/bin/css/nanoscroller.css",
    "../node_modules/animate.css/animate.css",
    "styles.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/chart.js/dist/Chart.js",
    "../node_modules/moment/moment.js",
    "../node_modules/fullcalendar/dist/fullcalendar.js",
    "../node_modules/quill/dist/quill.js",
    "../node_modules/nanoscroller/bin/javascripts/jquery.nanoscroller.js"
  ]

在您的 angular-cli.json 文件中。