如何在最新的angular2候选版本中配置ng-semantic？

Question

我正在尝试使用angular2 release candidate 4来配置ng-semantic，但到目前为止还没有成功。按照主要页面here

上的说明进行操作

Answer 1

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

第1步：

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

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

第2步：

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

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

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

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 {}