如何在网关项目中添加外部JavaScript库

时间:2017-08-26 18:50:38

标签: angular angular-cli jhipster

我试图将Simpl5 javascript库添加到我的网关失败。 我已将 SIPml-api.js SIPml.js 放在 webapp / content / scripts 文件夹中。

.angular-cli.json 我更新脚本数组如下:

    "scripts": [
        "content/scripts/SIPml-api.js",
        "content/scripts/SIPml.js"
    ]

然后我尝试在组件中调用SIPml:

import { Component, OnInit } from '@angular/core';
declare var SIPml: any;

ngOnInit() {
    SIPml.setDebugLevel((window.localStorage && window.localStorage.getItem('org.doubango.expert.disable_debug') === 'true') ? 'error' : 'info');

}

我在控制台中收到 ERROR ReferenceError:SIPml未定义

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

JHipster并不完全支持角度cli,正如@GaëlMarziou在评论中已经提到的那样。

  

支持CLI的最初想法仅用于代码生成。

因为.angular-cli.json使用自己的JHipster链(查看build/serve自定义脚本,所以package.json修改不会产生任何效果基于ng serve/build等)检查this issue discussion以获取更多详细信息。

您需要在css中引用自定义jsvendor.ts,然后当您运行npm run serve时,您会看到结果。