一、Bower是什么
Bower是一个客户端的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。
Bower是Web开发中的一个前端文件包管理器,类似于Node模块的npm包管理器。
bower依赖于Git、Node和npm。
二、bower的安装
1、全局安装: npm install -g bower
可以通过输入help命令来确认它是否安装成功:bower help
2、Bower初始化
命令行进入项目目录中,输入命令如下:bower init
会提示输入一些基本信息,根据提示按回车即可,通过问答向导的方式在当前目录生成一个bower.json文件,用来保存该项目的配置。
三、常用的Bower命令
1、包的安装
示例:bower install jquery --save
然后bower就会从远程下载jquery最新版本到你的js/lib目录下
其中--save参数是保存配置到bower.json的dependecies配置项数组中
2、包的信息
语法:bower info 包名
示例:bower info jquery
查看包的某个版本的详细信息
示例:bower info 包名#版本号
3、包的查找
示例:bower search bootstrap
4、包的卸载
示例:bower uninstall jquery
四、bower.json文件
bower用这套格式管理所有的包,所以下载的每个包中都会包含一个bower.json文件。
如果只是使用bower作为项目的包管理工具,bower.json配置项只需关注:dependencies, devDependencies, resolutions,overrides即可
如果想把自己开发的内容打包发布出去,这个时候才需要配置其他项。
dependencies 记录生产环境依赖的库,devDependencies记录开发环境所依赖的库。
--save-dev 安装完后,会把包名及版本号添加到bower.json的devDependecies配置项数组中。
如果不使用参数,则只安装包到bower_components目录,不修改bower.json文件。
{
"name":"", //必须,如果需要注册包,则该包名唯一。
"description":"", //可选,包描述
"main":[], //可选,入口文件,bower本身不使用,供第三方构建工具会使用
//每种文件类型只能有一个。
"ignore":[], //可选,文件或目录列表。bower安装的时候将忽略该列表中的文件。
//bower是从git仓库或压缩包下载一个包,里面的文件并不一定全部需要。
"dependencies":[], //依赖包,name:value,value可以是包的semver
//range(版本号范围),也可以直接是一个包的git地址或压缩包地址。
"devDependencies":[], //开发依赖包,仅仅在开发过程中测试或者编译文档用,部署生产环境是不需要。
//格式和dependencies 相同
"resolutions":[], //包引用冲突自动使用该模块指定的包版本
//格式和dependencies 相同
"overrides" :[ //这个也很关键,可以覆盖一个包中的默认设置,比如main里面设定的入口文件
"package-name":{ //这样可以根据需要,让第三方工具只打包需要的文件。
"main":[]
}
],
"moduleType":"", //可选,指定包采用那种模块化方式(globals,amd,node,es6,yui)
"private":Boolean, //是否公开发布当前包,如果只是使用bower来管理项目的包,设置为true.
"license":"", //授权方式(GPL-3.0,CC-BY-4.0.....)
"keywords":[], //可选,方便注册后容易被其他人搜索到。
"authors":[], //作者列表
"homepage":[], //主页,包介绍页
"repository":{ //包所在仓库。
"type": "git",
"url": "git://github.com/foo/bar.git"
},
}
参考链接:
bower官网
网友评论