《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

相关文章
|
23天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
430 1
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
47 5
|
4月前
|
JavaScript 前端开发 程序员
《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
JavaScript是Web标准语言,广泛应用于各类浏览器,造就了其最广泛部署的地位。Node.js的兴起扩展了JavaScript的使用场景,使其成为开发者首选语言。无论新手还是经验丰富的程序员,都能受益于学习JavaScript。[《JavaScript权威指南第7版》资源链接](https://zhangfeidezhu.com/?p=224)
254 5
《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
|
3月前
|
资源调度 JavaScript 前端开发
如何大幅减少 Vue.js 中的包大小和加载时间,提升用户体验!
如何大幅减少 Vue.js 中的包大小和加载时间,提升用户体验!
|
4月前
|
前端开发 JavaScript
前端 JS 经典:Vite 分包配置
前端 JS 经典:Vite 分包配置
125 0
|
6月前
|
XML 前端开发 JavaScript
JavaScript 权威指南第七版(GPT 重译)(六)(2)
JavaScript 权威指南第七版(GPT 重译)(六)
97 4
JavaScript 权威指南第七版(GPT 重译)(六)(2)
|
5月前
|
JavaScript 前端开发
js数组包对象格式怎么根据不同的键值使用sort排序一组数组
js数组包对象格式怎么根据不同的键值使用sort排序一组数组
31 0
|
6月前
|
存储 前端开发 JavaScript
JavaScript 权威指南第七版(GPT 重译)(六)(4)
JavaScript 权威指南第七版(GPT 重译)(六)
208 3
JavaScript 权威指南第七版(GPT 重译)(六)(4)
|
6月前
countup.js包实现数字滚动-大屏项目
countup.js包实现数字滚动-大屏项目
45 1
|
6月前
|
前端开发 JavaScript API
JavaScript 权威指南第七版(GPT 重译)(六)(3)
JavaScript 权威指南第七版(GPT 重译)(六)
105 4
下一篇
无影云桌面