更多gulp常用插件使用请访问:gulp常用插件汇总


bower这是一款客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。

更多使用文档请点击访问bower工具官网。

一个网站可能会包含很多框架、库、字体、图片等资源,Bower就可以管理这些组件,譬如Bower可以下载到任何版本的jQuery,这样你就不用自己去网站上下载自己需要的版本了,节省时间而且方便快捷!

Bower针对前端进行了优化。如果多个程序包依赖一个程序包(例如jQuery),则Bower只会下载一次jQuery。这被称为平面依赖图,它有助于减少页面负载。

安装Bower

Bower是一个命令行实用程序。用npm安装它。(通常全局安装,这样方便所以项目使用)

npm install -g bower

缓存清理

清除缓存的软件包

bower cache clean
bower cache clean <name> [<name> ...]
bower cache clean <name>#<version> [<name>#<version> ..]

缓存列表

列出缓存的软件包

bower cache list
bower cache list <name> [<name> ...]

帮助

显示有关Bower的帮助信息

bower help <command>

主页

在您喜欢的浏览器中打开程序包主页。

如果没有指定 <package> ,则打开本地软件包的主页。

bower home
bower home <package>
bower home <package>#<version>

信息

显示软件包或特定版本的总体信息。

bower info <package>
bower info <package> [<property>]
bower info <package>#<version> [<property>]

初始化配置

交互式创建bower.json文件

bower init

安装依赖包

使用 bower install 安装相关的软件包。Bower将软件包安装到 bower_components/目录下面。

bower install [<options>]
bower install <endpoint> [<endpoint> ..] [<options>]

项目依赖项包括:

  1. 在 bower.json 项目中指定 dependencies
  2. 未在 bower.json 中指定,但在中 bower_components 存在的所有“外部”依赖项
  3. 作为参数传递给此命令的所有其他参数 <endpoint>

Bower建议始终使用 --save 标志来实现机器之间可重复的安装,这样在 boder.json 里j就会出现一个 dependencies 依赖项。

可以有多种形式:

  1. <package>
  2. <package>#<version>
  3. <name>=<package>#<version>
  • <package> 是程序包URL,物理位置或注册表名称
  • <version> 是有效范围,提交,分支等。
  • <name> 是它应该在本地使用的名称。

<package> 可以是以下任意一项:

类型 写法
注册包名称 jquery normalize.css
Git端点 https://github.com/user/package.git git@github.com:user/package.git
没有.git的Git端点 git+https://github.com/user/package git+ssh://git@github.com/user/package
本地文件夹 my/local/folder/
Public Subversion端点 svn+http://package.googlecode.com/svn/
私有Subversion端点 svn+ssh://package.googlecode.com/svn/ svn+https://package.googlecode.com/svn/
简写(默认为GitHub) user/package
网址 http://example.com/script.js http://example.com/style.css http://example.com/package.zip(将提取内容) http://example.com/package.tar(将提取内容)

version 可以是:

类型 写法
semver版本 #1.2.3
版本范围 #1.2 #~1.2.3 #^1.2.3 #>=1.2.3 <2.0
Git标签 #<tag>
Git提交SHA #<sha>
git分支 #<branch>
颠覆修订 #<revision>

安装选项:

  • -F ,--force-latest:强制冲突时使用最新版本
  • -p ,--production:不要安装项目devDependencies
  • -S ,--save:将已安装的软件包保存到项目的bower.json依赖项中
  • -D ,--save-dev:将已安装的软件包保存到项目的bower.json devDependencies中
  • -E , --save-exact:用准确的版本而不是semver配置已安装的软件包

链接

bower link
bower link <name> [<local name>]

链接功能使开发人员可以轻松测试其软件包。链接是一个两步过程。

在项目文件夹中使用“ bower链接”将创建一个全局链接。然后,在其他软件包中,bower link <name>将在components文件夹中创建一个指向先前创建的链接的链接。

这使您可以轻松测试软件包,因为更改将立即反映出来。当不再需要链接时,只需使用即可将其删除bower uninstall <name>。

清单

bower list [<options>]

列出本地软件包和可能的更新。

清单选项:

  • -p,--paths:生成一个简单的JSON源映射
  • -r,--relative:相对于目录config属性创建路径,默认为bower_components

抬头

bower lookup <name>

通过名称查找包裹URL

登录

bower login

使用GitHub进行身份验证并存储凭据。取消注册软件包所必需。

登录选项:

  • -t,--token:传递现有的GitHub身份验证令牌,而不提示输入用户名和密码

修剪

bower prune

卸载本地无关软件包

寄存器

bower register <name> <url>

注册包裹

搜索

bower search
bower search <name>

查找所有软件包或特定软件包。

更新

bower update <name> [<name> ..] [<options>]

根据bower.json将已安装的软件包更新为最新版本。

更新选项:

  • -F,--force-latest:强制冲突时使用最新版本
  • -p,--production:不要安装项目devDependencies
  • -S,--save:dependencies 在bower.json中更新
  • -D,--save-dev:devDependencies 在bower.json中更新

卸载

bower uninstall <name> [<name> ..] [<options>]

从bower_components目录本地卸载软件包

卸载选项:

  • -S,--save:从项目的bower.json依赖项中删除未安装的软件包
  • -D,--save-dev:从项目的bower.json 的devDependencies中删除未安装的软件包

取消注册

bower unregister <package>

取消注册软件包。

版本

bower version [<newversion> | major | minor | patch]

在程序包目录中运行此命令以更改版本并将新数据写回到bower.json文件。

newversion参数应该是有效的semver字符串,或者是semver.inc的有效的第二个参数(“ build”,“ patch”,“ minor”或“ major”之一)。在第二种情况下,现有版本将在指定字段中增加1。

如果在git仓库中运行,它还将创建版本提交和标记,如果该仓库不干净,则会失败。

版本选项:

  • -m,--message:自定义git commit和tag消息

    如果提供了--message(shorthand:-m)config选项,则Bower在创建版本提交时会将其用作提交消息。如果消息配置中包含%s,则将其替换为结果版本号。例如:
bower version patch -m "Upgrade to %s for reasons"

强力

-f, --force

使各种命令更加强大

  • bower install --force 重新安装所有已安装的组件。即使在components目录中有相同名称的非bower目录时,它也会强制安装。添加--force也会绕过缓存,并且无论如何都会写入缓存。
  • bower uninstall <package> --force 即使存在依赖关系冲突也继续卸载
  • bower register <package> --force并bower unregister <package> --force 绕过确认。仍然需要登录。

json

-j, --json

输出消耗性JSON

日志级别

-l, --loglevel

要报告的日志级别。可能的值:错误,冲突,警告,操作,信息,调试

离线

-o, --offline

不要使用网络连接

安静

-q, --quiet

仅输出重要信息。它是的别名--loglevel=warn。

无声

-s, --silent

除错误外,请勿输出任何内容。它是的别名--loglevel=error。如果您有可能会将凭据泄漏到CI环境的专用组件,则静默也很有用。

冗长的

-V, --verbose

使输出更详细。它是的别名--loglevel=debug。

允许根

--allow-root

允许以超级用户身份运行命令。Bower是用户命令,无需超级用户权限即可执行。但是,如果您仍想使用sudo运行命令,请使用--allow-root 参数。

消费包装

您可以使用构建工具轻松使用Bower软件包。

如果使用 bower list --paths 或 bower list --paths --json ,则将获得一个简单的名称到路径的映射:

bower list --paths
# or
bower list --paths --json
{
"backbone": "bower_components/backbone/backbone.js",
"jquery": "bower_components/jquery/dist/jquery.js",
"underscore": "bower_components/underscore/underscore.js"
}

每个命令都支持使Bower输出JSON 的--json选项。命令结果输出到stdout,错误/日志记录到stderr。

使用本地缓存

如果以前安装过软件包,Bower支持从其本地缓存安装软件包-无需Internet连接。

bower install <package> --offline

缓存的内容可以列出为bower cache list:

bower cache list

可以使用以下方法清除缓存bower cache clean:

bower cache clean

gulp常用插件之bower使用的更多相关文章

  1. gulp常用插件之gulp-inject使用

    更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-inject这个插件的作用与wiredep类似,不同的是可以自己任意指定需要插入文件的列表.它同样是利用注释来寻找插入的位置.获取源文件 ...

  2. gulp常用插件之wiredep使用

    更多gulp常用插件使用请访问:gulp常用插件汇总 wiredep这是一款gulp插件,能够将js.css文件自动插入到html中. 更多使用文档请点击访问wiredep工具官网. Bower是一个 ...

  3. 精通gulp常用插件

    本文主要展示的是gulp常用插件的使用方法和用途,通过对插件的熟练运用达到精通gulp.不定期更新.可以到github上面下载DEMO. github地址:lin-xin/gulp-plugins 匹 ...

  4. node和gulp实现前端工程自动化(附:gulp常用插件)

    /** * 1. LESS编译 压缩 合并 * 2. JS合并 压缩 混淆 * 3. img复制 * 4. html压缩 */ // 在gulpfile中先载入gulp包,因为这个包提供了一些APIv ...

  5. gulp常用插件之gulp-eslint使用

    更多gulp常用插件使用请访问:gulp常用插件汇总 ** gulp-eslint**这是一个用于识别和报告在ECMAScript/JavaScript代码中找到的模式的Gulp插件.. 更多使用文档 ...

  6. gulp常用插件之gulp-babel使用

    更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-babel这是Babel的Gulp插件. 此自述文件适用于gulp-babel v8 + Babel v7检查7.x分支以了解使用Bab ...

  7. gulp常用插件之gulp-postcss使用

    更多gulp常用插件使用请访问:gulp常用插件汇总 ** gulp-postcss**这是一款通过多个插件通过管道传递CSS,但是仅解析一次CSS. 更多使用文档请点击访问gulp-postcss工 ...

  8. gulp常用插件之cssnano使用

    更多gulp常用插件使用请访问:gulp常用插件汇总 cssnano这是一款将你的 CSS 文件做 多方面的的优化,以确保最终生成的文件 对生产环境来说体积是最小的插件. 更多使用文档请点击访问cha ...

  9. gulp常用插件之pump使用

    更多gulp常用插件使用请访问:gulp常用插件汇总 pump这是一款小型节点模块,可将流连接在一起并在其中一个关闭时将其全部销毁. 使用标准source.pipe(dest)源时,如果dest发出关 ...

随机推荐

  1. vue 入门 ------简单购物车功能实现(全选,数量加减,价格加减)

    简易购物车功能(无任何布局 主要是功能) 数量的加减 商品的总价钱 全选与全不选 删除(全选.价格 受影响) <script src="https://cdn.jsdelivr.net ...

  2. java虚拟机jvm启动后java代码层面发生了什么?

    java虚拟机jvm启动后java代码层面发生了什么? 0000 我想验证的事情 java代码在被编译后可以被jdk提供的java命令进行加载和运行, 在我们的程序被运行起来的时候,都发生了什么事情, ...

  3. Metasploit学习笔记(一) Samba服务 usermap_script安全漏洞相关信息

    一.Samba介绍 Samba是linux和unix系统上实现smb协议的一个免费软件,由客户机和服务器构成.SMB是一种在局域网上实现共享文件和打印机的协议.存在一个服务器,客户机通过该协议可以服务 ...

  4. rysnc知识梳理

    rsync语法: Local: rsync [OPTION...] SRC... [DEST] #<===本地传输数据 Access via remote shell: #<===借助通道 ...

  5. 响应式Web设计:构建令人赞叹的Web应用程序的秘诀

    骨架屏(Skeleton Screen) 参考博客:https://medium.com/@owencm/reactive-web-design-the-secret-to-building-web- ...

  6. iTerm 2 与 oh-my-zsh配合,自定义你的终端。

    参考博客:https://www.cnblogs.com/xishuai/p/mac-iterm2.html 参考博客:https://www.cnblogs.com/sasuke6/p/497607 ...

  7. 对象级别锁 vs 类级别锁(Java)

    前言 对于多线程(并发)和Spring Boot这两块在同步进行学习中,在看到使用synchronized关键字使操作同步时,看到和C#中不一样的东西,所以这里呢,就深入学习了下,若有错误之处,还望指 ...

  8. jdk升级后Eclipse无法启动问题

    overview: 今日安装jdk11,设置好环境变量后,eclipse无法运行,由于项目依赖原因,不想更新eclipse的版本. 我的jdk是1.8,在将环境变量设回1.8后依然无法运行.在多次尝试 ...

  9. ORACLE中如何找出大表分布在哪些数据文件中?

    ORACLE中如何找出大表分布在哪些数据文件中?   在ORACLE数据中,我们能否找出一个大表的段对象分布在哪些数据文件中呢? 答案是可以,我们可以用下面脚本来找出对应表的区.段分别位于哪些数据文件 ...

  10. sql数据库语言练习,增删改查

    数据库创建 DROP DATABASE IF EXISTS `sql_invoicing`; CREATE DATABASE `sql_invoicing`; USE `sql_invoicing`; ...