bower 和 npm 的区别

简介: bower 和 npm 的区别

http://www.tuicool.com/articles/rqeQJfA

前端技术和工程实践真的是突飞猛进啊,想当年,我这个半业余前端吭哧吭哧做页面的时候,哪有这么多东西可以用啊,现在先进到我都完全看不懂了。本文主要讲一下同是包管理器的bower和npm的差别。

主要也是在stackoverflow看来的,翻译加一部分自己的理解。

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

Node.js 的模块管理了,已经通用到了所有 js 的包管理工具了,可以说,前后通吃了。

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

程序员自己解决)。

嵌套依赖,指的就是,你依赖的软件包,还有它自己的依赖,好像摘葡萄,一摘一大串。在服务器环境的时候,这并没什么关系,因为存储空间够大,一切代码都是本地运行,只要解决完依赖就行了,

但是到了用户产品的浏览器里,就很成问题了,你不能让用户去下载好几M的js代码,那就太糟糕了。在这个情况下,就需要程序员自己手动解决用到的类库的嵌套依赖问题。比如确保各种各样的插件

都依赖同一个版本的jQuery。

为什么有很多项目 bower 和 npm 都用呢,那是因为要用 bower 管理前端的包,而用 npm 去管理一些后端的包和构建工具,例如,yeoman,grunt,gulp,jshint 等等等等。

所有的包管理器,都有自己的弊端,要视需要选用对自己的项目最合适的。

目录
相关文章
|
7月前
|
存储 缓存 资源调度
包管理npm、yarn、pnpm区别
包管理npm、yarn、pnpm区别
76 0
|
9月前
|
JavaScript 前端开发 Shell
NPM 自定义 package.json 中 scripts 命令(& 与 && 的区别,cross-env 的使用)
NPM 自定义 package.json 中 scripts 命令(& 与 && 的区别,cross-env 的使用)
168 0
|
7月前
【npm】npm install <folder>和 npm install <folder> --install-links 的区别
【npm】npm install <folder>和 npm install <folder> --install-links 的区别
79 0
|
5月前
|
JavaScript 前端开发 Shell
NPM 自定义 package.json 中 scripts 命令(& 与 && 的区别,cross-env 的使用)
NPM 自定义 package.json 中 scripts 命令(& 与 && 的区别,cross-env 的使用)
39 0
|
3月前
|
前端开发 JavaScript
npm install --save 和 npm install --save-dev区别
npm install --save 和 npm install --save-dev区别
|
3月前
|
JavaScript 测试技术 项目管理
npm list 和 npm list -g 两个命令行的作用和区别
npm list 和 npm list -g 两个命令行的作用和区别
70 0
|
5月前
|
JavaScript
【Vue】npm run serve 和 npm run dev 有什么区别
【Vue】npm run serve 和 npm run dev 有什么区别
|
6月前
|
资源调度
npm yarn 和 pnpm 之间命令的区别
npm yarn 和 pnpm 之间命令的区别
|
6月前
|
存储 资源调度 安全
你知道npm、yran、pnpm的区别吗?
你知道npm、yran、pnpm的区别吗?
44 0
|
9月前
|
JavaScript Java Maven
nvm、node、npm之间的关系和区别
也就是说:一个 nvm 可以管理很多 node 版本和 npm 版本。
220 0

推荐镜像

更多