[TOC] 對瀏覽器端的各種庫進行管理 ## 使用流程 ### 安裝 `sudo npm install bower --global` ### 注冊自己的庫 ``` bower register <my-package-name> <git-endpoint> //eg: bower register jquery git://github.com/jquery/jquery ``` ### 常用命令 ``` # 安裝 bower install // 通過 bower.json 文件安裝 bower install -S jquery // 通過在github上注冊的包名安裝 bower install -S desandro/masonry // GitHub短鏈接 bower install -S http://example.com/script.js // URL bower install jquery-ui#1.10.1 //指定版本 bower search jquery bower update jquery-ui bower uninstall jquery-u Bower list ``` ## 配置文件`.bowerrc` ``` { "directory" : "bower_components", #自定義下載路徑 "json" : "bower.json", #描述各個庫的json文件名 "endpoint" : "https://Bower.herokuapp.com", #在線索引的網址，用來搜索各種庫 "searchpath" : "", "shorthand_resolver" : "" #定義各個庫名稱簡寫形式 } ``` ## 快速入門 ### 初始化 ``` bower init ``` ``` <script src="bower_components/jquery/dist/jquery.min.js"></script> ``` ### thinkphp ``` bower init ``` .bowerrc ``` { "directory": "public/assets/libs", } ```