前端工程化之Bower

作者: 京程一灯 | 来源:发表于2016-12-16 14:42 被阅读145次

原文作者:忽如寄

一、入使用

1、安装

npm install bower -g

2、创建bower.json

bower init

3、安装包

bower install jquery --save


4、搜索包

bower search jquery

二、相关命令

1cache缓存

查看缓存

bower cache list


清除缓存

bower cache clean

2help帮助

bower help


3home在浏览器中查看相应包的网站首页

bower home bootstrap

4info展示包的相关信息

bower info bootstrap


5init创建bower.json文件

bower init

6install安装项目依赖包

根据bower.json安装

bower install

根据包名字安装

bower install bootstrap --save

安装指定版本

bower install bootstrap#3.3.7

安装的相关选项

-F, --force-lastest强制最新版本

-p, --production不安装开发依赖包

-S, --save将安装的包记录在bower.json文件中

-D, --save-dev将安装的包记录在bower.json文件中

-E, --save-exact Configure installed packages with an exact version ratherthan semver

7link

8list列出本地的包和可能的更新

bower list

9lookup通过包的名字查看包的url

bower lookup jquery


10login通过github登录

bower login


11prune卸载本地无关的包

12register注册一个包

bower register rpn https://github.com/huruji/rpn.js.git

13search查询包

14update更新包

15uninstall卸载一个包

16version

三、配置

bower可通过.bowerrc文件用json配置

例子:

{

"directory": "public/vendor"

}

所有键值对配置的官方例子:


相关解释:

1cwdstring

工作目录,即应该运行bower的目录

2directorystring

包安装时应该保存的目录,没有指定默认是bower_components

3registrystring orobject

注册表配置,注册一个包时用

4shorthand-resolverstring

制定一个包名称模板

5proxystring

http request使用的代理

6https-proxystring

https request使用的代理

7user-agentstring

为每个请求设置user-agent

8timeoutnumber

以毫秒为单位设置请求超时的时间,默认为60000

9strict-sslboolean

是否在通过https发出请求时执行SSL密钥验证。

10caobject orstring

要使用的CA证书,默认为null。

11colorboolean

启用或禁用在CLI输出中使用颜色。默认为true。

12storageobject

在哪里存储持久数据,如缓存,需要由bower。默认为适合操作系统/平台的路径

13tmpstring

在哪里存储临时文件和文件夹。默认为系统临时目录后缀/ bower。

14interactiveboolean

使bower交互,在必要时提示。默认为null,表示自动

15resolversarray ofstring

用于定位和提取包的PluggableResolver列表。

16shallowCloneHostsarray ofstring(浅复制主机)

Bower的默认行为是不使用浅克隆,因为一些Git主机(例如GitHubEnterprise的旧版本)在被要求做一个浅克隆(使用--depth 1)时无法提供响应。此列表允许将已知支持浅克隆的主机列入白名单。

17script

Bower提供3个独立的挂钩,可用于在Bower使用期间触发其他自动化工具。重要的是,这些钩子旨在允许外部工具帮助将新安装的组件连接到父项目和其他类似的任务中。这些钩子不是为组件作者提供安装后构建步骤。因此,这些钩子的配置在父项目目录的.bowerrc文件中提供。

18ignoreDependenciesarray

解析包的时候bower会忽略这些依赖

京程一灯,梦起的地方,我们始终相信通过努力,可以改变自己的命运。

我们始终相信,通过坚持不懈,可以为大家解决更多的前端技术问题。

我们始终相信,时间可以证明,我们可以为广大IT从业者解决前端学习路线。

HTML5,CSS3,Web前端,jquery,java,前端学习路线,各类问题,我们都可以为你解决。

更多技术好文,前端问题,面试技巧,请关注京程一灯(原一灯学堂)

相关文章

  • 前端工程化之Bower

    一、入门使用 1、安装 2、创建bower.json 3、安装包 4、搜索包 二、相关命令 1、cache缓存查看...

  • 前端工程化之Bower

    原文作者:忽如寄 一、入门使用 1、安装 npm install bower -g 2、创建bower.json ...

  • nodejs基本操作

    前端工程化 前端工程化就是通过各种工具和技术,提升前端开发效率的过程 Node.js Node.js是除了浏览器之...

  • bower使用小记

    什么是bower Bower —— A package manager for the webbower是前端包管...

  • 前端工程化探索——editorconfig

    title: 前端工程化探索——editorconfigcategory: Webtag: [前端工程化]date...

  • 前端系统学习 5. 前端工程化

    前端工程化 什么是前端工程化?前端工程化就是通过各种工具和技术,提升前端开发效率的过程。这句话有两个含义:前端工程...

  • 《前端工程化开发一》

    10分钟学会前端工程化(webpack4.0) 目录 一、概要 1.1、前端工程化 1.1.1、前端工程化的任务 ...

  • 前端工程化探索——Babel补遗

    title: 前端工程化探索——Babel补遗category: Webtag: [前端工程化,Babel]dat...

  • 前端工程化(一) Node.js基础

    什么是前端工程化?前端工程化又有什么用呢?前端工程化就是在构建一个前端项目的时候,通过一些技术跟工具,来提升前端开...

  • 2020-04-11

    前端工程化相关 前端动画相关 优化前端性能

网友评论

    本文标题:前端工程化之Bower

    本文链接:https://www.haomeiwen.com/subject/egmnmttx.html