使用bower管理前端依赖

时间:2021-05-09 15:09:40

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本地安装即可。