如何在最新的angular2候选版本中配置ng语义

Question

我试图用angular2候选版本4配置ng语义，但到目前为止还没有成功。一直遵循主npm页面上的说明

Answer 1

经过一段时间的修改，我终于开始工作了。注意，我使用的是ng语义1.0.32和angular 2 rc4。

步骤1：

您需要在angular-cli-build.js中向vendorNPMFiles数组添加ng语义当您运行ng build、ng serve或ng start时，angular cli会构建您的项目并输出到dist文件夹，该文件夹有一个vendor目录。此供应商目录包含vendorNPMFiles中列出的软件包。在vendorNPMFiles中添加的任何包都必须已存在于node_modules目录中。所以你应该添加这样的ng语义：

[
  .....,
  'ng-semantic/**/*'
]

第2步：

您需要在src/system-config.ts中配置ng语义。因此，首先你需要将其添加到地图对象中，如下所示：

const map: any = {
  'ng-semantic': 'vendor/ng-semantic',
}

然后你还需要将它添加到包对象中，如下所示：

const packages: any = { 
  'ng-semantic': {main:'ng-semantic.js', defaultExtension:'js'}
}

最后

之后，你应该能够在任何组件中使用它，如：

    import {Component} from '@angular/core';
    import { SEMANTIC_COMPONENTS, SEMANTIC_DIRECTIVES } from "ng-semantic";
    @Component({
      selector: 'demo-cmp',
      directives: [SEMANTIC_COMPONENTS, SEMANTIC_DIRECTIVES],
      template: `
        <sm-segment class="raised">
         Hello
        </sm-segment>
      `
    })
    export class DemoComponent {}