Bower简介

作者: LemonnYan | 来源:发表于2018-03-12 11:41 被阅读17次

    一、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简介

        本文链接:https://www.haomeiwen.com/subject/songfftx.html