javascript - 在执行 Angular 2 CLI 项目时如何添加第三方包

Question

我目前正在开发一个使用 Angular 2 CLI 结构的 Angular 2 项目。我可以添加 moment、ng-material2、ng2-bootstrap 这些都很好，但是如果我尝试添加像 JsonWebToken 这样的包然后我无法正确设置我的文件。

注意:jsonwebtoken 不是为 Angular 2 或 Angular 2 CLI 构建的。这只是我尝试使用的一个 npm 包。

我已尝试按照 angular2-cli 3rd party libs 中描述的设置进行操作它仍然不起作用。

我是这样设置的:

Angular -cli-build.js:

/* global require, module */

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');

module.exports = function (defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
    /* more code here */
    'jsonwebtoken/**/*',
    ]
  });
};

System-config.js:

/** Map relative paths to URLs. */
const map: any = {
  /* more code here */
  jsonwebtoken: 'vendor/jsonwebtoken',
};

/** User packages configuration. */
const packages: any = {
  /* more code here */
  jsonwebtoken:{
    defaultExtension: 'js',
    main: 'index.js'
  }
};

应用组件:

import { Component } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'app-selector',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.css']
})

export class AppComponent {

  constructor() {
  }

  doSomething() {
    /*
    How do I use jsonwebtoken here
    */
  }


}

Answer 1

你为什么不试试 angular2-jwt:

https://github.com/auth0/angular2-jwt

npm install angular2-jwt --save