在进行 Angular 2 CLI 项目时如何添加第三方包答案

【问题标题】：How do you add third party packages when doing an Angular 2 CLI Project在进行 Angular 2 CLI 项目时如何添加第三方包
【发布时间】：2016-11-25 03:30:41
【问题描述】：

我目前正在开发一个使用 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/**/*',
    ]
  });
};

系统配置.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
    */
  }


}

【问题讨论】：

这应该会有所帮助：github.com/angular/angular-cli/wiki/3rd-party-libs
不，我已经尝试过这样做，但没有成功。我认为问题出在 jsonwebtoken 具有子依赖项这一事实。
import * as jwt from "jsonwebtoken" 放在 AppComponent 的顶部不起作用？
不，当我进行上述设置时，它说找不到模块。

标签： javascript angular package jwt angular2-cli

【解决方案1】：

你为什么不试试angular2-jwt：

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

npm install angular2-jwt --save

【讨论】：