使用 Angular CLI 加载 jQuery-UI答案

【问题标题】：Loading jQuery-UI using Angular CLI使用 Angular CLI 加载 jQuery-UI
【发布时间】：2016-08-30 19:04:36
【问题描述】：

使用 Angular CLI，我试图在我的 Angular 2 应用程序（用于 PrimeNG 的 Datepicker）中加载 JQuery-UI。但是，SystemJS 似乎没有加载 JQuery-UI 库。

构建后，JQuery-UI 库成功存储在 /dist 目录中：

由于以下 Angular-cli-build.js 配置：

'jquery-ui-dist/external/jquery/*',
'jquery-ui-dist/jquery-ui.min.js'

我在 system-config.ts 中尝试了以下配置，但在运行时网络流量并不表示请求了库，并且数据选择器表示未定义 jQuery。

系统配置#1：（类似于3rd party jquery-ui install with angular-cli）

const map: any = {
'jquery':'vendor/jquery-ui-dist/external/jquery/jquery.js',
'jquery-ui':'vendor/jquery-ui-dist/jquery-ui.min.js'
};

SystemJS 配置 #2：

const map: any = {  
'jquery':'vendor/jquery-ui-dist/external',
'jquery-ui':'vendor/jquery-ui-dist/'
};

const packages: any = {
'jquery':{ defaultExtension : 'js'},
'jquery-ui':{ defaultExtension : 'js', main:'jquery-ui.min.js'}
};

关于如何通过 SystemJS 加载 JQuery-UI 有什么建议吗？

【问题讨论】：

标签： angular angular-cli primeng

【解决方案1】：

你可以试试这个： script regular expression in angular

然后在您的 system-config.ts 中： system-config.ts

如果您想使用 /primeng/#/calendar，请告诉我，因为您也需要加载 'jquery-ui-timepicker-addon' :)

【讨论】：