在Bower系列的第1部分中，我们向您展示了Bower的基本功能，包括安装，更新和删除网站库。 除此之外，Bower还提供了一些灵活性。 在这里，我们将向您展示如何配置Bower并以此来增强您的项目 。
更改凉亭目录
默认情况下，Bower将创建一个新目录名称： bower_components 。 如果名称不吸引您，则可以更改它。
首先，我们需要创建一个名为.bowerrc的新文件。 然后在其中添加以下行。
{
"directory": "components"
}它告诉Bower创建并保存安装在名为components的文件夹中的库。
Bower JSON
Bower JSON是一个将项目定义为Bower包的文件。 该文件指定了项目名称，版本，项目依赖项以及对跟踪和记录项目非常有用的信息。
要创建此文件，请导航到您的项目目录，然后输入bower init 。 系统将提示您几个选项和问题，包括（项目的name ）。 尽管其余选项是可选的，但我建议您填写以下内容： description ， version ， main ，它们定义项目的主文件， author ， license ， homepage和dependencies ，它们是项目所依赖的库。
如果已经在bower_components安装了库，则提示“ 将当前安装的组件设置为依赖项？ ”时，可以选择Y “； Bower会自动将它们注册为依赖项。
Bower在创建文件之前将向您显示内容。 如果看起来不错，您可以输入Y …
…并且将在您的项目目录中创建一个名为bower.json的新文件。
将旧项目导出到Bower
既然您知道Bower是帮助您管理项目的好工具，那么您可能想在以前的项目中使用它。 通常，在您的旧项目中，您可能已经在<head>内以这种方式链接了库。
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.0/normalize.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/accounting.js"></script>以该示例为例，在这里我们可以看到该项目依赖于jQuery，Normalize和Accounting.js（请参阅我们之前的教程， 使用Accounting.Js格式化数字 ）。
因此，让我们在该项目中运行bower init 。 然后打开bower.json ，并将它们定义为依赖项。
"dependencies": {
"jquery": "1.10.2",
"normalize-css": "3.0.1",
"accounting": "0.3.2"
} 接下来，运行bower install命令。 这将扫描bower.json并安装dependencies下列出的库。
您可以安全地删除旧库，并将它们链接到Bower组件目录。 而且以后将要进行该项目的任何人都可以使用Bower命令轻松安装和更新库。
结语
Bower为我们提供了许多配置，其中大多数我们在这里无法完整介绍。 要浏览其更多命令行，您可以键入bower help ，它将返回其他Bower实用程序。 最后，您可以在任何项目规模（无论大小）上使用Bower。 使项目更易于管理将有所帮助。
翻译自: https://www.hongkiat.com/blog/bower-package-manager-part-2/
1036
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
