bower

Posted 2020-08-21

bower的作用

• bower可以管理包含html，CSS，javascript的，字体甚至是图像文件的组成部分。bower并没有串联或运行如下代码或做别的事 , 它仅仅安装你需要的包及其依赖的正确版本。

• 要上手，bower的工作原理是获取和安装包都在从，以狩猎照顾，查找，下载和保存你要找的东西。bower跟踪这些包在一个清单文件bower.json。具体如何使用包是你的。bower提供钩子钩住你使用包，方便的工具和工作流程。

1. 安装bower

npm install -g bower

2.配置.bowerrc

{
    //配置文件下载地址（一般只配置这个就可以）
  "directory": "app/components/",
  //设置请求超时时间
  "timeout": 120000,
  //记载bower下载文件的url按顺序进行加载
  "registry": {
    "search": [
      "http://localhost:8000",
      "https://bower.herokuapp.com"
    ]
  }，
  //http代理
  "proxy":"http://<host>:<port>"，
  //https代理
  "https-proxy":"http://<host>:<port>"
}

3. 用bower下载文件

 // 下载安装bower.json内的文件
$ bower install
// 直接用bower下载文件
$ bower install jquery
// 用GitHub简写下载文件 
$ bower install desandro/masonry
// 用git端点下载文件
$ bower install git://github.com/user/package.git
// 使用url下载文件
$ bower install http://example.com/script.js

 

4. 创建bower.json,并将自己要下载的文件储存到bower.json文件中

• bower init 创建bower.json文件
• bower install jquery --save 将文件下载并写入bower.json
• bower uninstall jquery 卸载文件

{
    //文件夹名字
  "name": "",
  //作者账号
  "authors": [
    ""
  ],
  
  "description": "",
  "main": "",
  "license": "MIT",
  "homepage": "",
  //忽略不需要产生的数据路劲安装
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]，
  //使用install下载的文件 --save储存位置
  "dependencies": {
    
  }
}