Installazione di jquery-ui di terze parti con angular-cli

Question

Sto usando angular-cli per il mio progetto angular2. Nel mio progetto voglio usare jquery-ui. Ho installato jquery-ui con

npm install jquery jquery-ui 

ho modificato i miei angolari-CLI-build.js

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

Come si aggiorna automaticamente nella mia cartella dist/fornitore, Ho bisogno di aggiungere i file css (come css/jquery-ui.css) nel mio index.html come?

Ho seguito l'integrazione moment.js da questo link ma non ha aiutato con jquery-ui. Io apprezzo un esempio di lavoro di integrazione jquery-ui con angolare-cli

Answer 1

Nelle vostre angolari-CLI-build.js mettere come:

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

Poi, nel tuo system.config.ts:

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

la speranza è aiutare

Answer 2

importazione script in angolare cli.json file è l'approch meglio. È possibile evitare problemi durante l'implementazione della produzione.

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

Answer 3

Dovrebbe funzionare come indicato nel metodo di cui sopra quando si aggiungono i file .js nella sezione script nel file angolare cli.json.

Con questo aggiungilo alla classe del modulo principale e controlla se funziona.

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