文档章节

使用bower管理前端依赖

c
 caiyezi
发布于 2016/11/08 20:24
字数 329
阅读 5
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

bower,类似于npm、maven等后端管理构建工具一样,bower可以用来管理前端浏览器依赖,关于bower详细介绍参考官网:https://bower.io/

bower init命令:初始化项目文件,必须进入项目根目录下执行,bower会要求使用者填写项目描述信息之类信息,按要求输入完成即可;

bower install xxx#ver --save命令:类似于npm的install save命令,下载安装依赖至本项目下bower的默认目录,同时更新依赖包信息至bower.json文件;

如果要实现修改bower安装的默认目录,方法如下:

项目本地创建.bowerrc文件,内容为:

{
  "directory" : "static/components"
}

意思是指定安装目录为项目根目录下的static/components文件夹下。

一个bower.json文件会在init命令执行后自动生成,格式类似如下:

{
  "name": "personal_website",
  "homepage": "https://github.com/caiya/personal_website",
  "authors": [
    "caiya928@aliyun.com"
  ],
  "description": "个人博客站点",
  "main": "main.go",
  "keywords": [
    "golang"
  ],
  "license": "MIT",
  "private": true,
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "editor.md": "^1.5.0"
  }
}

和npm的package.json文件很类似,主要是dependencies项用来指定依赖包及其版本信息,项目协同开发时可以不用提交任何js文件,只要提交bower.json文件,协同方直接执行install本地安装即可。

本文转载自:http://www.cnblogs.com/vipzhou/p/5887706.html

上一篇: sql server分页查询
下一篇: js密码强度校验
c
粉丝 1
博文 108
码字总数 0
作品 0
西安
程序员
私信 提问
加载中
请先登录后再评论。
前端工程化系列[01]-Bower包管理工具的使用

本文主要介绍前端开发中常用的包管理工具Bower,具体包括Bower的基本情况、安装、使用和常见命令等内容,最后还介绍了依赖树管理的常见方式以及Bower采用的策略并进行了比较。 1.1 关于Bower...

文顶顶
2018/06/19
0
0
Bower => 前端开发也有包管理器

最近看到一个专门针对前端的包管理工具Bower,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。实际上angularjs的种子项目就是用它的,看到了吗,它是专门针对客户端资源的,也...

顽Shi
2014/05/22
1.7K
0
Bower安装与入门

一、Bower介绍 Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源,github上很多例程都使用bower来管理前端的通用依赖库,比如jquery,...

阿振
2016/02/13
215
0
Grunt+Bower+Yarn管理前端资源

Grunt 基于JavaScript的自动化构建工具,可以将重复的任务,例如压缩(minification),编译,单元测试,linting等自动化。 Bower Web前端开发的包管理工具,解决前端框架间的依赖关系,方便...

osc_28q3csny
2018/08/24
2
0
前端模块管理器简介

模块化结构已经成为网站开发的主流。 制作网站的主要工作,不再是自己编写各种功能,而是如何将各种不同的模块组合在一起。 浏览器本身并不提供模块管理的机制,为了调用各个模块,有时不得不...

阮一峰
2014/09/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

某二手交易平台大数据平台从 0 到 1 演进与实践

在人口流量红利不再,获客成本越来越高的时代,精益创业、MVP 的概念已经深入人心,精细化运营也是大势所趋,而这些背后本质上都依赖数据化运营,那如何根据现有业务,快速从 0 开始打造一个...

osc_lc4icfkt
29分钟前
12
0
阿里云新品发布会周刊第56期 丨 如何用云服务占据全球化先机,让产品服务触达全球用户?

点击订阅新品发布会! 新产品、新版本、新技术、新功能、价格调整,评论在下方,下期更新!关注更多内容,了解更多 新品发布会专属福利 1、 全球加速GA产品免费试用:加速任意跨地域公网服务...

osc_2y1ylz6c
30分钟前
10
0
OSI七层模型和TCP/IP五层(四层)模型的概念

OSI七层模型 概念:OSI(Open System Interconnection,开放系统互连)七层网络模型称为开放式系统互联参考模型,是一个逻辑上的定义和规范。 第一层:物理层 功能:以“0”、“1”代表电压的...

osc_fhw23e9z
31分钟前
20
0
手把手教你使用Python抓取QQ音乐数据(第三弹)

【一、项目目标】 通过手把手教你使用Python抓取QQ音乐数据(第一弹)我们实现了获取 QQ 音乐指定歌手单曲排行指定页数的歌曲的歌名、专辑名、播放链接。 通过手把手教你使用Python抓取QQ音乐...

osc_pl358sty
33分钟前
9
0
Knative Eventing 0.1.15 版本变更

前言 Knative Eventing 0.1.15 版本在5月27日已经发布,来看看它的变化。 注意 需要使用迁移工具把存储版本由v1alpha1 更新为 v1beta1,如果使用了Broker.Spec.ChannelTemplateSpec,需要在升...

osc_1zoujv1s
33分钟前
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部