angle-cli webpackでBowerをインストール

Question

プロジェクトが既にノードモジュール上に構築されている場合は、角度のあるCLIプロジェクト（angular4）内でwebpackを使用することをお勧めします。

Answer 1

私はそれに反対します。あなたは最近、npmパッケージとして必要なものすべてを見つけることができます。

でも、Bower.ioのウェブサイトでも、彼らは基本的に新しいプロジェクトにそれを使用しないと言っています。

Answer 2

バウアー

私たちは、フロントエンドの依存関係のためバウアーを使用します。 Angular CLIはBowerを自動的にインストールおよび設定しないので、プロジェクトに再度追加する必要があります。バウアー

をインストール

あなたは既に私たちのカリキュラムは、過去数週間のためにそれを使用しているので、バウアーは、自分のマシンにインストールしている必要があります。

$ npm list -g bower 

バージョン番号が届かない場合は、次のコマンドを使用してグローバル亭をインストールする必要があります：あなたは、ダブルチェック次のコマンドを実行してできバウアーの初期化

$ npm install bower -g 

を私たちのプロジェクトディレクトリに

、私たちは、次のコマンド

$ bower init 

012とバウアーを初期化することができます

プロジェクトに関する一連の質問が表示されます。 Enterキーを押すだけでデフォルト値を受け入れることができます。

この

は、ディレクトリに新しいbower.jsonファイルを追加します。

{ 
"name": "online-store", 
"description": "", 
"main": "", 
"authors": [ 
    "Epicodus Student <hi@epicodus.com>" 
], 
"license": "MIT", 
"homepage": "", 
"ignore": [ 
"**/.*", 
"node_modules", 
"bower_components", 
"test", 
"tests" 
] 
} 

我々はまた、したいと思うでしょう

.gitignore

/#dependenciesセクションの下bower_components。 （私たちはすぐにBowerをインストールします）。今、これを実行することを確認します。詳細については

# dependencies 
/node_modules 
/bower_components 

を： https://www.learnhowtoprogram.com/javascript/angular-extended/angular-cli-bower-setup