《JavaScript开发框架权威指南》——1.4 查找、添加和删除Bower包-阿里云开发者社区

开发者社区> 异步社区> 正文

《JavaScript开发框架权威指南》——1.4 查找、添加和删除Bower包

简介: 注意清单中跟在Bower的install命令后面的--save选项。默认情况下,install命令仅将包添加到项目中,而不更新项目清单。--save选项指示Bower将该包永久保存在项目的依赖列表里面。
+关注继续查看

本节书摘来自异步社区《JavaScript开发框架权威指南》一书中的第1章,第1.4节,作者:【美】Tim Ambler , Nicholas Cloud著,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.4 查找、添加和删除Bower包

Bower的命令行工具提供了很多有用的命令,用于查找、安装或者删除包。我们来看一下这些命令是如何简化项目外部依赖项的管理工作的。

1.4.1 查找包
Bower改善开发流程的一个主要途径就是为第三方库提供集中式的注册中心。如清单所示,要在Bower的注册中心里进行搜索的话,只需将search参数传给Bower即可,search后面跟着要查找的关键词。下面列出的仅为查询结果的一个小片段。

清单1-4 在Bower中查找jQuery

$ bower search jquery

Search results:

    jquery git://github.com/jquery/jquery.git
    jquery-ui git://github.com/components/jqueryui
    jquery.cookie git://github.com/carhartl/jquery-cookie.git
    jquery-placeholder git://github.com/mathiasbynens/jquery-placeholder.git

1.4.2 添加包
每一条搜索结果都由包的注册名与其GitHub仓库的URL构成,由此URL可以直接访问该包的所有信息。找到所需的包后,即可将其添加到项目中,如清单所示。

清单1-5 将jQuery添加到项目中

$ bower install jquery --save
bower jquery#*            cached git://github.com/jquery/jquery.git#2.1.3
bower jquery#*          validate 2.1.3 against git://github.com/jquery/jquery.git#*
bower jquery#>= 1.9.1    cached git://github.com/jquery/jquery.git#2.1.3
bower jquery#>= 1.9.1  validate 2.1.3 against git://github.com/jquery/jquery.git#>= 1.9.1
bower jquery#>= 1.9.1    cached git://github.com/jquery/jquery.git#2.1.3
bower jquery#>= 1.9.1  validate 2.1.3 against git://github.com/jquery/jquery.git#>= 1.9.1
bower jquery#>= 1.9.1   install jquery#2.1.3

jquery#2.1.3 public/bower_components/jquery

注意:
 

Bower并没有在其注册中心中托管与包相关的任何文件,这个任务是由GitHub完成的。尽管理论上讲,可以将软件包托管到任何URL,但是大多数公有域的包还是在GitHub上。
注意清单中跟在Bower的install命令后面的--save选项。默认情况下,install命令仅将包添加到项目中,而不更新项目清单。--save选项指示Bower将该包永久保存在项目的依赖列表里面。

清单中显示的是本章示例项目中的HTML代码。利用Bower将jQuery添加到项目中后,即可像加载其他库一样,通过script标签将其加载到页面中。

清单1-6 来自示例项目的HTML,该文件引用了刚刚添加的jQuery库

// example-jquery/public/index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Bower Example</title>
    </head>
    <body>
        <div id="container"></div>
        <script src="/bower_components/jquery/dist/jquery.min.js"></script>
        <script>
        $(document).ready(function() {
            $('#container').html('<p>Hello, world!</p>');
        });
        </script>
    </body>
</html>

开发版依赖项(Development Dependencies)
默认情况下,Bower安装的所有包都是“产品”版的依赖项(Production Dependencies)。传入--save-dev选项可以改变这一行为,从而安装的所有包都将被标记为“开发”版。开发版软件包通常仅用于开发目的,而不面向项目的最终用户。

一旦准备好将应用部署到生产环境中,就可以按照下面的方法,让Bower将项目依赖项切换到产品版,从而使项目构建更加紧凑,不含与最终用户无关的文件。

$ bower install --production
1.4.3 删除包
删除包的方法非常简单。与前面一样,我们通过添加--save选项来更新Bower的清单文件,以反映对项目所做的更改。

$ bower uninstall jquery --save

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
hbase源码系列(五)Trie单词查找树
在hbase当中单独拿了一个工程出来实现了Trie的数据结果,既达到了压缩编码的效果,亦达到了方便查询的效果,一举两得,设置的方法是在上一章的末尾提了。
1511 0
利用ROS创建多台ECS, 指定名称并添加到多个SLB
支持为单/多个(最多3个)SLB添加所有创建的ECS做多个后端服务器
1152 0
VS 2010程序添加对System.Web.Script.Serialization的引用
开发JSON相关程序要用到System.Web.Script.Serialization。如何添加? 在C盘搜索中输入:System.Web.Extensions.dll 在解决方案中引用:System.
885 0
InnoDB索引概述,二分查找法,平衡二叉树
索引是应用程序设计和开发的一个重要方面。如果索引太多,应用的性能可能会受到影响;如果索引太少,对查询性能又会产生影响。要找到一个合适的平衡点,这对应用的性能至关重要。 如果知道数据的使用,从一开始就应该在需要处添加索引。
1059 0
《正则表达式经典实例(第2版)》——1.2 使用正则表达式进行查找和替换
虽然替代文本(replacement text)并不是一个正则表达式,读者也可以使用某些特殊的语法构造动态的替代文本。所有的流派都允许把正则表达式或者某个捕获分组匹配到的文本,重新添加到替代字符串中。实例2.20和实例2.21会对此加以讲解。
1512 0
windows添加和删除服务
删除系统服务,记得一定要小心用。避免删错sc delete 服务名 加入服务: sc create 服务名 binPath= 路径 start= auto
433 0
oracle查找索引及表的其它属性
1、查找表的所有索引(包括索引名,类型,构成列):select t.*,i.index_type from user_ind_columns t,user_indexes i where t.index_name = i.
495 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
12049
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载