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。