使用angular-cli webpack安裝Bower

Question

當項目已經構建在節點模塊上時，請在我的angular CLI項目（angular4）中使用webpack中的bower組件作爲建議和最佳實踐。

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