Bower简介

一、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官网

你可能感兴趣的:(Bower简介)