前端包管理工具—bower

bower

bower是什么?

Bower是一款优秀的包管理器,它由Twitter公司开发,支持以命令行的方式来对包进行搜索、下载、更新和卸载。

包英文(package)模块或组件的另一种叫法。

依赖一个模块为了满足独立完整原则所必须的其他模块,依赖提供了这个模块所需要的功能,如果没有这个功能,那么这个组件就无法工作。例如我们认为jQuery-ui这个组件依赖于jQuery。

bower有什么作用?

基于nodejs的模块化思想,把功能分散到各个模块中,让模块和模块之间存在联系,通过 Bower 来管理模块间的这种联系。

bower与npm的区别

npm 是伴随Node.js 出现的一个包管理器,最开始只能支持 Node.js 的模块管理,但是后来, npm官网经过一次改版,打出的口号是javascript 的包管理器,所以,其已经不在局限于是Node.js 的模块管理了,已经通用到了所有 js 的包管理工具了,可以说,前后通吃了。

bower ,从一开始,就是专门为前端表现设计的包管理器,一切全部为前端考虑的。npm 和bower 的最大区别,就是 npm 支持嵌套地依赖管理,而 bower只能支持扁平的依赖(嵌套的依赖,由程序员自己解决)。

当然,bower 是运行在node.js 基础上,所以你的当前环境确保已经安装 node.js .

一般来说,npm管理后台的包,bower管理前台的包

bower怎么用?

1.bower依赖 Node.js环境,先配置node环境注意:bower需要git支持

2. 安装bower,推荐安装到全局

 npm install bower  -g    

 bower -v    查看版本号测试是否已经安装完成

3.初始化bower

bower init

一直按 enter 直到完成

文件夹内会生成 bower.json 文件

4.接下来就可以安装包了,

bower install jquery      //以下载jquery包为例,默认下载最新版本,且bower.json 文件中存储着包名和版本号的dependencies对象不会刷新

安装包的指令与cnpm一样,指定版本,本地安装需加上--save,bower.json 文件才会刷新

bower install jquery@1.11.3   --save

下载依赖js包到指定文件夹目录

在根目录下新建.bowerrc文件,里边加入如下:

{

"directory":"public/libs"

 }

创建public文件夹,里面新建libs文件夹,将依赖的包移入进libs文件夹后,其他的依赖js包文件夹删掉也没关系。

安装包下载出错解决方案

1.用bower安装包出错

git is not installed or not in the PATH

解决办法:

在全局变量中加入:

C:Gitcmd;C:Gitin;

步骤界面:

安装后不小心电脑断电

npm rm -g bower 
npm cache clean 
npm i -g bower 

删除-清缓-重装,手动删目录是不行的, 
看来其他模块遇此问题也可同样处理。

原文地址:https://www.cnblogs.com/wxyblog/p/11379163.html