Question

我是angular 2的新手，并编写了一个新的客户端angular2 cli生成的应用程序（使用webpack2）。我的组件需要使用此外部库https://github.com/splunk/splunk-sdk-javascript中的此splunkjs对象。我希望能够访问这个splunkjs对象，但我无法在angular2应用程序的组件中执行此操作：

var http = new splunkjs.JQueryHttp();

在一个独立的JavaScript中，我可以使用：

来实现它

<html>
  <head>
    <title>Test</title>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="splunk.js"></script>
    <script type="text/javascript" charset="utf-8">
    function test() {
 var http = new splunkjs.JQueryHttp();
 console.log(' http is ' + JSON.stringify(http));
}
    </script> 
</head>
<body>
    <button type="button" onclick="test()">Test</button>
</body>

在我的角度组件中，上面要做的步骤是什么？

Answer 1

通过在package.json中添加jquery和splunk-sdk作为依赖项，然后在“scripts”部分的.angular-cli.json中添加路径到dist脚本来解决。这是一个很好的参考https://coryrylan.com/blog/angular-cli-adding-third-party-libraries

在angular2 + webpack app

1 个答案: