将 Highstock 与 bower 和 grunt 一起使用

Question

我有一个使用角度生成器https://github.com/yeoman/generator-angular创建的角度项目

Bower 设置为最小化我的供应商依赖关系，但我在使用 highcharts.js 时遇到了问题。我想告诉它使用 highstock.js，它作为 highcharts bower 包的一部分包含在 bower_components/highcharts/highstock.js 中

vendor.js 的构建部分如下所示：

<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<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>
<!-- endbower -->
<!-- endbuild -->

如果我从 bower 构建中删除 highcharts.js 行，grunt 会将其放回原处。如果我重命名它，grunt 会将它改回来。我无法安装名为 highstock 的软件包，因为我认为它不存在。如果我在任何缩小块之外单独加载 highstock.js 文件，则该站点会抱怨我正在加载重叠库，因为您应该使用 highstock 或 highcharts。

我可以在这里做什么来告诉 grunt 包含 highstock.js 而不是 highcharts.js？

Answer 1

我与HighMaps有类似的情况（当时HighMaps处于测试版，我们正在尝试使用HighMaps构建原型，HighMaps的少数组件也具有HighCharts的依赖关系因为HighMaps当时还没有发布）。

那么解决方法是什么？

可能的解决方案是为库创建一个 git(public) 存储库（为您Highstocks），将代码推送到存储库并将该存储库注册为Bower Registration。

从这里看看 - Bower Registration 也尝试搜索一些 SO 帖子。检查此SO 帖子

成功注册凉亭后，您可以通过bower search <package_name> 搜索您的包并将该凉亭打包器插入到任何项目中。

我的包裹还在

Github link我的Highmaps版本HighMaps-Beta

来自我的控制台的 Bower 搜索结果 -

注意事项

1. 不要将您的存储库名称与许可存储库重叠。
2. 在进行 Bower 注册时对库提供足够的描述。如果有一些官方版本，以后可能会令人困惑。
3. 如果您正在做一些严肃的生产级工作，您需要查看 HighCharts 许可协议。请检查此SO post。
4. 请注意，当您完成 bower 注册并将您的 bower 库包含到项目中时，因为HighStocks 依赖于HighCharts。找到依赖关系可能有点困难。
5. 检查AMD。尝试在您的项目中使用Commonjs - common.js、require.js。将依赖项告诉项目更容易。

希望对你有帮助。