Question

当项目已经在节点模块上构建时，请使用webpack在我的角度CLI项目（angular4）中使用bower组件是明智和最佳做法。

Answer 1

<强>鲍尔

我们将使用Bower作为前端依赖项。 Angular CLI不会自动安装和配置Bower，因此我们必须再次将它添加到我们的项目中。

安装Bower

您应该已经在自己的计算机上安装了Bower，因为我们的课程在过去几周内已经使用过它。您可以通过运行以下命令进行仔细检查：

$ npm list -g bower

如果您没有收到版本号，则需要使用以下命令全局安装bower：

$ npm install bower -g

初始化Bower

在我们的项目目录中，我们可以使用以下命令初始化Bower

$ bower init

系统会向您提示有关您项目的一系列问题。您只需按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

我们还希望在#dedencies列表下包含/ bower_components。（我们将在短时间内安装Bower）。请务必立即执行此操作：

# dependencies
/node_modules
/bower_components

了解更多详情： https://www.learnhowtoprogram.com/javascript/angular-extended/angular-cli-bower-setup

Answer 2

我会反对它。这些天你可以找到你需要的所有东西作为npm包。

即使在this answer网站上，他们基本上也会说不再使用它来进行新项目。

Answer 3

在这里，您可以找到将bower设置为Angular CLI生成的应用程序的指南。

Angular CLI - Bower setup

Bower使用angular-cli webpack安装

3 个答案: