3rd party jquery-ui install with angular-cli

Question

Я использую angular-cli для моего проекта angular2. В моем проекте я хочу использовать jquery-ui. Я установил JQuery-UI с

npm install jquery jquery-ui 

Я редактировал мой угловой-CLI-build.js

module.exports = function(defaults) { 
    return new Angular2App(defaults, { 
    vendorNpmFiles: [ 
      'jquery/src/jquery.js', 
      'jquery-ui/jquery-ui.js' 
    ] 
    }); 
}; 

Как это будет автоматически обновляться в моей папке расстояния/поставщике, нужно ли мне добавить файлы CSS (например, css/jquery-ui.css) в моем index.html вроде?

Я следил за интеграцией момента.js из этого link, но он не помог с jquery-ui. я оценю рабочий пример интеграции JQuery-UI с угловой Cli

Answer 1

В ваших угловых CLI-build.js ставить как:

'jquery/dist/jquery.min.js', 
jquery-ui/jquery-ui.min.js', </i> 

Затем в system.config.ts:

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

Надеется, что это поможет

Answer 2

импортирования скриптов в угловом-cli.json файл лучше Approch. Вы можете избежать проблем во время развертывания производства.

"scripts": [ 
"../node_modules/jquery/dist/jquery.js", 
"vendor/jquery/dist/jquery.min.js", 
"'vendor/jquery-ui/jquery-ui.min.js" 
], 

Answer 3

Он должен работать, как указано выше в подходе, когда вы добавляете .js файлы в разделе скриптов в файле углового cli.json.

С этим, пожалуйста, добавьте это в свой основной класс модуля и проверьте, работает ли он.

import 'jquery'; 
import 'jquery-ui';