使用Highstock与凉亭和咕噜声

时间:2016-08-26 16:25:57

标签: angularjs highcharts gruntjs bower highstock

我使用角度生成器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 -->

如果我从凉亭构建中删除了highcharts.js行,grunt会将其恢复。如果我重命名它,咕噜声会改回来。我无法安装名为highstock的软件包,因为我认为不存在。如果我在任何缩小块之外单独加载highstock.js文件,那么该站点抱怨我正在加载重叠库,因为你应该使用highstock或highcharts。

我该怎么做才能告诉grunt包含highstock.js而不是highcharts.js?

1 个答案:

答案 0 :(得分:1)

我与HighMaps有类似的情况(当时,HighMaps处于测试版,我们正在尝试使用HighMaps构建原型,而HighMaps的组件很少当时未释放HighCharts以及HighMaps的依赖关系。

那么解决方案是什么?

可能的解决方案是为库创建一个git(公共)存储库(对于您Highstocks),将代码推送到存储库并将该存储库注册为Bower Registration

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

成功进行凉亭注册后,您将能够通过bower search <package_name>搜索您的包裹并将该凉亭包装工具插入任何项目。

我的包仍然存在

我的Github link版本HighMaps-Beta

Highmaps

Bower从我的控制台搜索结果 - enter image description here

要记住的几件事

  1. 不要将您的存储库名称与许可存储库重叠。
  2. 在进行Bower注册时提供足够的库说明。如果有正式版本,可能会在以后混淆。
  3. 如果您正在进行一些严肃的生产级别工作,则需要检查HighCharts许可协议。请查看此SO post
  4. 当您完成了凉亭注册并将您的凉亭库包含在项目中时要小心,因为HighStocks依赖于HighCharts。找到依赖关系可能有点困难。
  5. 检查AMD。尝试将Commonjs - common.jsrequire.js用于您的项目。告诉项目关于依赖关系会更容易。
  6. 希望它会对你有所帮助。