淘先锋技术网

首页 1 2 3 4 5 6 7

Bower.json 文件是前端同学在使用 Bower 包管理工具时必要的配置文件,下面我们来了解一下如何进行配置。

使用 Bower 工具下载的包会被安装到 bower_components 目录下,但我们有时需要把这些依赖包的路径指定到其他路径。我们可以通过下面的 JSON 配置文件来定义这些信息:

{
"name": "my-project",
"version": "1.0.0",
"dependencies": {
"jquery": "2.x.x"
},
"overrides": {
"bootstrap": {
"main": [
"dist/css/bootstrap.min.css",
"dist/js/bootstrap.min.js"
]
}
},
"resolutions": {
"angular": "1.5.x"
}
}

name 和 version 属性表示包的名称和版本号,用于在后续的项目管理中进行标识。dependencies 属性表示当前项目依赖的包及其版本号。

overrides 属性允许我们覆盖依赖包的默认配置,如果某个依赖包中的某个文件不符合我们的需求,我们可以通过 overrides 选项来覆盖这些默认值。比如上述配置中,我们覆盖了 bootstrap 包的默认 main 字段,指定了该包下主 CSS 和 JS 文件的路径。

resolutions 属性则用于解决 packageName@version 的问题。比如我们依赖某个包,但是该包依赖了一个我们期望的版本范围之外的版本。我们可以使用 resolutions,来指定依赖包中的某些版本转成我们期望的版本。比如上述配置中,我们指定了 angular 的版本必须为 1.5.x。