Bower使用angular-cli webpack安装

问题描述 投票:2回答:3

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

webpack nodes bower angular-cli bower-install
3个回答
2
投票

鲍尔

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

安装Bower

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

$ npm list -g bower

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

$ npm install bower -g

初始化鲍尔

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

$ bower init

系统将提示您有关项目的一系列问题。您只需按Enter键即可接受默认值。

这将在您的目录中添加一个新的bower.json文件:

{
 "name": "online-store",
 "description": "",
 "main": "",
 "authors": [
   "Epicodus Student <[email protected]>"
 ],
 "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


1
投票

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

即使在Bower.io网站上,他们基本上也会说不再使用它来进行新项目。


-2
投票

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

Angular CLI - Bower setup

© www.soinside.com 2019 - 2024. All rights reserved.