gruntjs - Grunt 连线但选择不同的主文件导入索引

Question

我已经通过 bower安装了highchartswiredep ，并且在构建时我的工作在 grunt 中运行。Highchart 的bower.json文件如下所示：

{
  "name": "highcharts",
  "version": "v5.0.7",
  "main": "highcharts.js"
}

所以会发生什么是我在我的索引文件中得到这个：

<script src="bower_components/highcharts/highcharts.js"></script>

但我所追求的是highstock.js已经安装的 highcharts 库的一部分，但是我不能手动添加它并继续运行，wiredep因为它会被替换，我也不想将它添加到外部<!-- bower:js -->...<!-- endbower -->因为这将定义 highcharts 两次。

有没有办法我可以正确地做到这一点？

Answer 1

这样做的方法是覆盖 bower.json 中的 highcharts 库，如下所示：

"dependencies": {
    "highcharts": "^5.0.7",
    "highcharts-custom-events": "^2.0.9"
  },
  "overrides": {
    "highcharts": {
      "main": "highstock.js"
    }
  }

这样我就覆盖了特定的库并定义了主 js。如果你想要多个文件，你可以定义一个数组： ["dist/package-without-main.css", "dist/package-without-main.js"]

检查bower-overrides更多细节：https ://github.com/taptapship/wiredep#bower-overrides