bower 是一個常用的包管理工具，用起來和npm很相似，但是兩者又有一些區(qū)別，可以參考 —— What is the difference between Bower and npm。這里不說bower本身，而想說一下bower的overrides配置。

何謂override

override 本身是覆蓋的意思，實際上，它的作用也是用來覆蓋依賴包原有的配置。如果是手動引入 bower 依賴包的文件的話，這個配置沒什么用，但是當你使用如wiredep這種自動注入工具時，overrides就很有用了。

比如我們用bower安裝了 ace-builds 包：

bower install ace-builds --save

然后使用wiredep自動注入bower依賴：

$ node > require('wiredep')({ src: 'index.html' });

（具體命令參見wiredep文檔）

你會發(fā)現 ace-builds 相關文件一個也沒有注入到 index.html 中，這是為什么呢？

打開 ace-builds 的依賴包的 bower.json 文件 ：

你會發(fā)現里面并沒有配置main選項，而 wiredep 的自動注入其實就是根據每個依賴包中的main選項來決定注入哪些文件的。沒有main，wiredep自然沒法自動注入了。

這時 overrides 選項就派上用場了，我們可以這么定義：

"overrides": {"ace-builds": {"main": ["src-min-noconflict/ace.js","src-min-noconflict/mode-yaml.js","src-min-noconflict/mode-javascript.js","src-min-noconflict/theme-github.js","src-min-noconflict/ext-language_tools.js"]}}

指出我們需要自動注入的文件。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的bower overrides 配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。