如何使用bower包含單獨的codemirror模式文件？

Question

我正在使用Yeoman Angular Fullstack構建一個有角度的fullstack應用程序，其中包括bower。

在那個應用程序中，我正在使用一個名為Codemirror的組件，它有自己的bower包名為codemirror ，另一個名為angular-ui-codemirror bower包。

在常規的codemirror bower包里面，在名為mode的目錄中有其他模式文件，在普通的非bower托管應用程序中，我只需要將必要的腳本標記添加到我的index.html ，但是在這里，我想要如果可能的話，用涼亭做正確的方法。

我應該如何使用bower將該單獨的子文件包含在codemirror模式中？

Answer 1

由於angular-fullstack使用wiredep來注入您的bower依賴項，因此您可以覆蓋codemirror bower包的main屬性，以包含您希望從其mode目錄中獲取的其他文件。

為此，您有兩種選擇：

• 在Gruntfile覆蓋
• 直接在你的bower.json覆蓋

我會向您推薦第二種解決方案，因為只需查看清單文件，您就可以看到將包含哪些文件，它更加冗長和易於理解。

這是一個使用bower.json並包含額外的asterisk.js文件的示例，但使用Gruntfile選項幾乎相同。

{
  "name": "testingPurposes",
  "dependencies": {
    "codemirror": "~4.7.0"
  },
  "overrides": {
    "codemirror": {
      "main": ["lib/codemirror.js", "lib/codemirror.css", "mode/asterisk/asterisk.js"]
    }
  }
}

然后，當運行使用wiredep的任務時，例如grunt serve ，您將看到index.html包含的附加文件。