如果你正在使用Bower,那么你需要一個叫做“bower.json”的文件來描述你的依賴關系。
一個典型的“bower.json”文件看起來像這樣:
{ "name": "my-project", "version": "1.0.0", "dependencies": { "jquery": "^3.3.1", "bootstrap": "^4.1.1" } }
首先是項目的名稱和版本號。然后是依賴關系:依賴的包名稱和版本號。
如果你想使用特定版本的包,可以寫成這樣:
"dependencies": { "jquery": "3.3.1", "bootstrap": "4.1.1" }
如果你想使用最新的穩定版本,可以寫成這樣:
"dependencies": { "jquery": "^3.3.1", "bootstrap": "^4.1.1" }
請注意,“^”號表示使用主版本號不變,次版本號和修訂號最新的版本。
你可以為不同的環境指定不同的依賴關系。例如,你可以為開發環境安裝一些包,為生產環境安裝另外一些包。
這是一個為開發環境安裝額外包的示例:
"devDependencies": { "gulp": "^3.9.1", "sass": "^1.13.2" }
在“bower.json”文件中,你也可以設置包的路徑和文件名。
這是一個示例,它將jquery放在了lib/jquery/jquery.min.js中:
"dependencies": { "jquery": { "source": "jquery", "main": "dist/jquery.min.js" } }
最后,如果你需要自定義一些設置,你可以使用“overrides”屬性。例如,你可以禁用包的特定功能或設置關于依賴包的警告。
這是一個使用“overrides”屬性的示例:
"overrides": { "bootstrap": { "main": [ "dist/js/bootstrap.min.js", "dist/css/bootstrap.min.css" ], "ignore": [ "src/**/*" ] } }