angular2 ng-cli：twitter-bootstrapをindex.htmlに追加できません

Question

最近ng-cliを使用してAngular2 Webアプリケーションを開始しました。私は私のindex.htmlファイルにTwitterブートストラップ（npmでインストールしたもの）を追加しようとしています。何らかの理由で、パスが正しいにもかかわらずブートストラップが見つからないようです。何か不足していますか？ ng-cliはブートストラップを別の場所に移動していますか？

マイコード：

<link rel="stylesheet" href="./../node_modules/bootstrap/dist/css/bootstrap.min.css" type="text/stylesheet"> 

Answer 1

角度CLIは、あなたがやっているように動作しません。それは以下のようなサードパーティライブラリを追加します。

1. [0] angular-の性質を.styles [0] .scriptsとアプリのアプリの中でスクリプトやスタイルファイルを追加し、次

2. @ブートストラップをNPMをインストールNPM

   を使用してライブラリをインストール追加しますcli.json。このように追加した後のような

   apps": [ 
       { 
        "root": "src", 
        "outDir": "dist", 
        ...... 
   
        "styles": [ 
        "../node_modules/bootstrap/dist/css/bootstrap.css", 
        "styles.css" 
        ], 
        "scripts": [ 
        "../node_modules/bootstrap/dist/js/bootstrap.js", 
        ], 
        "environments": { 
        "source": "environments/environment.ts", 
        "dev": "environments/environment.ts", 
        "prod": "environments/environment.prod.ts" 
        } 
       } 
       ], 
   

。すべてのファイルをindex.htmlに追加します