Grunt wiredep 但选择不同的主文件导入索引

Question

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

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

所以我在索引文件中得到了这个：

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

但我想要的是 highstock.js，它是已安装的 highcharts 库的一部分，但是我无法手动添加它并保留运行和 wiredep 因为它会被替换，我也不想将它添加到 ... 之外，因为那样会定义 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

Grunt wiredep 但选择不同的主文件导入索引

Grunt wiredep but choosing a different main file to import into index

gruntjs

bower

grunt-wiredep