当前位置: 首页 > 后端技术 > PHP

Bower的安装和基本使用

时间:2023-03-29 18:21:25 PHP

什么是Bower?前端包管理工具。它可以帮助我们管理网站上的各种框架、类库等。主要功能如下:可以帮助我们跟踪前端包并确保它们是最新的(或者你指定的特定版本),Bower可以管理前端的HTML、CSS、JS,甚至是图片-结尾。Bower还有一个最大的好处,它优化了我们的前端。如果多个包依赖一个包,例如jQuery,那么Bower将只下载一次jQuery,这称为扁平依赖,它有助于减少页面负载。简而言之,它用于搜索、安装和卸载JavaScript、HTML和CSS等网络资源。安装bower依赖于node.js和npm。如果要使用它,需要先安装node.js和npm。因为node.js包含npm,所以你只需要安装node.js。1.Node安装(安装跳过):Windows安装包(.msi)32位安装包下载地址:https://nodejs.org/dist/v4.4....64位安装包下载地址:https://nodejs.org/dist/v4.4....CentOS安装:获取源码,解压,编译安装,配置变量修改权限,编译文件,查看版本cd/usr/local/src/wgethttp://nodejs.org/dist/v0.10.24/node-v0.10.24.tar.gztarzxvfnode-v0.10.24.tar.gzcdnode-v0.10.24./configure--prefix=/usr/local/node/0.10.24makemakeinstallvim/etc/profile设置nodejs环境变量,在exportPATHUSERLOGNAMEMAILHOSTNAMEHISTSIZEHISTCONTROL行上方添加如下内容:#setfornodejsexportNODE_HOME=/usr/local/node/0.10。24exportPATH=$NODE_HOME/bin:$PATH//重新编译生效source/etc/profile//检查是否安装成功node-v2.Bower安装:npminstallbower–ginitializebowerinitinstall,update,uninstall依赖包bowerinstall如:bowerinstalljQuery#1.2bowerupdateboweruninstallcleanthecachebowercachecleanquerybowersearchpackagename注册包先去github创建一个library(project)(publicorprivate)或者其他,只要因为bower.com可以访问该地址应该没问题。比如创建一个名为angualr-demo的库,然后添加bowerinit来管理这个库。bowerinstallngDemo安装Bower配置文件(bower.json),类似于composer.json。当执行bowerinstall时,库会根据这个配置文件进行更新。bower.json配置文件{"name":"",//必填,如果需要注册包,包名是唯一的。"description":"",//可选,包描述"main":[],//可选,入口文件,bower本身不使用,供第三方构建工具使用//每个文件类型只能有一个."ignore":[],//可选,文件或目录列表。安装Bower时将忽略此列表中的文件。//bower是从git仓库下载一个包或者是压缩包,里面的文件不是全部??都需要。"dependencies":[],//依赖包,name:value,value可以是包的semver//range(版本号范围),也可以直接是包的git地址或压缩包地址."devDependencies":[],//开发依赖包仅用于开发过程中测试或编译文档,生产环境部署时不需要。//格式同dependencies"resolutions":[],//包引用冲突自动使用模块指定的包版本//格式同dependencies"overrides":[//这个也很关键,它可以覆盖一个包中的包版本默认设置,比如main中设置的入口文件“package-name”:{//这样可以让第三方工具根据需要只打包需要的文件。"main":[]}],"moduleType":"",//可选,指定包的模块化(globals,amd,node,es6,yui)"private":Boolean,//是否公开发布当前包。如果只是使用bower管理项目包,设置为true."license":"",//授权方式(GPL-3.0,CC-BY-4.0.....)"keywords":[],//可选,注册后方便别人搜索。"authors":[],//作者列表"homepage":[],//首页,包介绍页"repository":{//包所在的仓库。"type":"git","url":"git://github.com/foo/bar.git"},}.bowerrc。bowerrc文件用于配置bower本身的一些默认配置,比如bowerinstall安装,默认会安装到当前目录下。修改安装位置需要编辑.bowerrc文件,新建.bowerrc文件{"directory":"public/bower_components"}