使用 PrimeNG 组件的 CLI 构建

Question

你好，我喜欢 Angular CLI，几秒钟后就可以开始了，干得好。好吧，我已经在使用 PrimeNG Angular 2 个组件并且一切正常，现在我想使用 CLI 的构建过程。

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

PrimeNG 的

Link 是 http://www.primefaces.org/primeng/.

Answer 1

有一个测试项目可以与 angular cli with primeng 一起工作。

Angular2 Cli with 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 文件中。

使用 PrimeNG 组件的 CLI 构建

CLI build with PrimeNG Components

angular

command-line-interface

angular-cli