Bower 使用 angular-cli webpack 安装答案

【问题标题】：Bower install with angular-cli webpackBower 使用 angular-cli webpack 安装
【发布时间】：2017-08-10 07:43:56
【问题描述】：

当项目已经在节点模块上构建时，请在我的 angular CLI 项目(angular4) 和 webpack 中使用 bower 组件是可取的和最佳实践。

【问题讨论】：

标签： webpack nodes bower angular-cli bower-install

【解决方案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

我们还希望在#dependencies 部分下包含/bower_components。（稍后我们将安装 Bower）。确保现在就这样做：

# dependencies
/node_modules
/bower_components

【讨论】：

【解决方案2】：

我建议不要这样做。这些天你可以找到几乎所有你需要的 npm 包。

即使在Bower.io 网站上，他们基本上都在说不要再将它用于新项目。

【讨论】：

【解决方案3】：

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

Angular CLI - Bower setup

【讨论】：