在webpack中包含第三方JS库
[英]Include 3rd party JS library in webpack
问题描述
我正在尝试包括第三方库 。 我正在为我的应用程序使用webpack和angular 2+ ，并且需要知道如何获取该库中对象的引用的方式。
我的角度2分量，`
///<reference path="../../js/daypilot-all.min.d.ts" />
import { Component, OnInit } from '@angular/core';
import DayPilot = require('../../js/daypilot-all.min.js');
@Component({
templateUrl: './dashboard.component.html',
styleUrls: ['./dashboard.component.scss']
})
export class DashboardComponent implements OnInit {
ngOnInit() {
var dp = new DayPilot.DayPilot.Scheduler("dp");
//dp is an empty object.
debugger;
}
}`
2 个解决方案
解决方案1
0 2017-06-16 04:28:28
安装NPM版本： https : //npm.daypilot.org/
然后，您可以import其作为模块import 。
解决方案2
0 2017-06-16 04:57:54
您可以像普通的脚本链接一样在index.html定义它：
<head>
<script src="path/js/daypilot-all.min.js" type="text/javascript"></script>
</head>
或者，如果您使用angular-cli ，请在assets属性数组中对其进行定义。
"assets": [
'path/js/daypilot-all.min.js'
];
然后在您的打字稿文件中，可以使用clarify关键字。
declare var dayPilot: DayPilot;
export class DashboardComponent implements OnInit {
ngOnInit() {
var dp = new dayPilot().Scheduler("dp")
}
}
我不知道DayPilot包含什么内容，因此var dp = new dayPilot().Scheduler("dp")只是一个示例。
流星ReactJs和第三方js库
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.