如何在 jhipster 项目中使用 chart.js

Question

所以我想尝试 Chat.js 以下项目。

https://github.com/mraible/jhipster4-demo

所以我研究并发现了以下内容http://valor-software.com/ng2-charts/

所以我安装了 ng-2 图表。 ng2-charts 需要 chart.js 所以我也安装了 chart.js 我可以在 jhipster4-demo 项目的 node_modules 下看到它。

ng2 图表显示

Embedding Chart.js in application is mandatory!

<script src="node_modules/chart.js/src/chart.js"></script>

如何在jhipster4-demo项目中完成上述强制性步骤？由于我不是 webpack 专家，不知道该怎么做。

Answer 1

将您的库导入 src/main/webapp/app/vendor.ts:

import 'chart.js/src/chart.js';

这也是在 Matt Raible 的演示应用程序中生成的 README.md 文件的 "Managing dependencies" 部分中解释的内容。