Angular 2 CLIプロジェクトの実行時にサードパーティのパッケージを追加する方法

Question

現在、Angular 2 CLI構造を使用するAngular 2プロジェクトで作業しています。私は瞬間、ng-material2、ng2-bootstrapを追加できますが、JsonWebTokenのようなパッケージを追加しようとすると、ファイルを正しく設定できません。

注：jsonwebtokenは、Angular 2またはAngular 2 CLI用に作成されていません。それはちょうど私が使用しようとしているnpmパッケージです。

私はangular2-cli 3rd party libsに記載されている設定に従って試してみましたが、それでも動作しません。ここで

は、私はそれを設定しています方法です：

角度-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/**/*', 
    ] 
    }); 
}; 

システム-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