目录

前提

安装好npm

检查是否已经安装npm，进入cmd命令行

npm -v

安装bower

全局安装 bower，进入cmd命令行

npm install bower -g

npm WARN deprecated bower@1.8.8: We don’t recommend using Bower for new projects. Please consider Yarn and Webpack or Parcel. You can read how to migrate legacy project here: https://bower.io/blog/2017/how-to-migrate-away-from-bower/

检查

bower -v

1.8.8

使用

安装

# 模块的名称
$ bower install jquery
# github用户名/项目名
$ bower install jquery/jquery
# git代码仓库地址
$ bower install git://github.com/user/package.git
# 模块网址
$ bower install http://example.com/script.js

所谓"安装”，就是将该模块（以及其依赖的模块）下载到当前目录的bower_components子目录中。下载后，就可以直接插入网页。

<script src="/bower_componets/jquery/dist/jquery.min.js">

更新

bower update命令用于更新模块:

$ bower update jquery

如果不给出模块的名称，则更新所有模块。

卸载

bower uninstall命令用于卸载模块:

$ bower uninstall jquery

注意，默认情况下，会连所依赖的模块一起卸载。比如，如果卸载jquery-ui，会连jquery一起卸载，除非还有别的模块依赖jquery。

与webpack/gulp的关系

gulp是工具链，可以配合各种插件做js压缩，css压缩，less编译等工作

webpack是文件打包工具，可以把项目的各种js文、css文件等打包合并成一个或多个文件

bower是包管理器，用来管理你项目里的那些外部依赖的。