什么是bower-browser?
bower-browser是一个基于npm包的前端资源管理器。它可以帮助开发人员快速地安装、更新和管理自己的JavaScript和CSS库。
bower-browser与其他资源管理器不同，它可以自动构建库之间的依赖关系，并通过主机文件将它们自动插入到您的页面中。这就使得它成为一个非常受欢迎和强大的工具，特别是在像React.js和AngularJS这样的项目中。
bower-browser的使用
安装bower-browser
安装bower-browser很简单，只需要在node.js环境中使用npm包管理器即可。只需要在命令行输入以下命令即可：
npm install bower-browser --save-dev
这个命令将会在你的项目根目录下安装bower-browser，并将它添加到你的开发依赖中。
用bower-browser管理依赖
在你安装完bower-browser之后，你的下一步就是开始使用它来管理你的库依赖了。让我们来看一下下面这个例子：
-- -------------------- ---- -------
-
------- -------------
-------------- --- ---- ---------
---------- --------
------------------ -
---------------- --------
--
--------------- -
--------- ---------
------------ --------
-
-在这个例子中，我们定义了我们项目的名称，描述和版本号。另外，我们也定义了我们的两个依赖库jquery和bootstrap，以及它们的版本。我们还将bower-browser添加到了我们的开发依赖中。
安装依赖
现在，当我们想要安装我们的依赖时，我们只需要在命令行中输入以下命令：
npm install --global bower bower-browser install
这个命令将会执行以下几个步骤：
首先，它会调用bower-browser，并下载你所定义的库和它们的所有依赖关系。
然后，它会将它们存放在bower_components文件夹中。
最后，它将会执行grunt task，扫描所有库和其依赖关系，并将它们自动插入到你的HTML文件中。
卸载依赖
如果你想要卸载硬编码的依赖库，你只需要在命令行中输入以下命令：
bower-browser uninstall jquery --save
在这个例子中，我们要卸载jquery，并保存这个变更在我们的bower.json文件中。
更新依赖
bower-browser提供了一种简单的方法来更新所有库的版本。你只需要在命令行中输入以下命令：
bower-browser update
这个命令将会更新所有依赖库的版本，并将它们存储在bower_components文件夹中。
总结
bower-browser是一个非常实用的工具，可以帮助开发人员快速地安装、更新和管理自己的JavaScript和CSS库。它提供了自动构建库之间的依赖关系，并通过主机文件将它们自动插入到您的页面中的功能。在下次开发项目时，为什么不试着使用bower-browser呢？
附加资源
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c84ccdc64669dde4e99