Как организованы зависимости бауэра в jHipster?

Question

Я хочу интегрировать highstock (highstock.js в highcharts) в мой проект jHipster. Поэтому я добавил следующее в мой bower.json:

"dependencies": {
  "highcharts" : "4.2.6",
  "highcharts-ng": "0.0.12"
},
"overrides": {
  "highcharts-ng": {
    "dependencies": {
        "angular": "1.5.8",
        "highcharts": "4.2.6"
    }
  }
}

Когда я строю свой проект с этой конфигурацией, gulp импортирует зависимости javascript в файл index.html следующим образом:

<script src="bower_components/highcharts/highcharts.js"></script>
<script src="bower_components/highcharts/highcharts-more.js"></script>
<script src="bower_components/highcharts/modules/exporting.js"></script>
<script src="bower_components/highcharts-ng/dist/highcharts-ng.js"></script>

Но мне действительно нужен только highstock.js: обзор проекта Highcharts

Как я могу контролировать, что здесь импортируется?

Answer 1

Решение заключается в используемом плагине gulp "main-bower-files", который используется jHipster и документирован здесь.

Сценарий сборки gulp на основе файла highcharts/bower.json решает, что именно он импортирует. В случае старших карт указано следующее:

{
  "name": "highcharts",
  "version": "v4.2.6",
  "main": [
    "highcharts.js",
    "highcharts-more.js",
    "modules/exporting.js"
  ]
}

Если вы хотите переопределить это, вы можете сделать это в своем проекте bower.json в разделе "overrieds" и указать, какой javascript он должен импортировать:

"dependencies": {
  "highcharts" : "4.2.6",
  "highcharts-ng": "0.0.12"
},
"overrides": {
  "highcharts": {
    "main": "highstock.js"
  },
  "highcharts-ng": {
    "dependencies": {
      "angular": "1.5.8",
      "highcharts": "4.2.6"
    }
  }
}