Ionico 2 Livereload

Question

Quando si sviluppa con Ionic 2 come si rimane nella pagina corrente quando si apportano modifiche al codice? In Ionico 1 il carico di fegato ti riporta al tuo attuale url - tuttavia in ionico 2 non ci sono url.

Esiste un'impostazione che consentirà al livereload di rimanere nella pagina corrente?

Sono aperto anche all'abilitazione degli URL se questo è quello che serve per non dover tornare manualmente alla mia pagina ad ogni cambio di codice. Tuttavia non sono ancora riuscito a trovare come farlo nei documenti v2.

Answer 1

È possibile impostare lo this.rootPage nella pagina app.component.ts sulla pagina su cui si sta lavorando. Spesso faccio questo se sto lavorando dicono pagina foobar.ts per un po 'malato cambiamento a

this.rootPage = FooBar; 

E poi cambiare di nuovo alla pagina principale predefinita quando mi sono fatto.

Answer 2

Per interrompere il caricamento in tempo reale in Ionic2 dopo le modifiche apportate al file delle configurazioni: ionic.config.js.

In ionic.config.js

watch: { 
    sass: ['app/**/*.scss'], 
    html: ['app/**/*.html'], 
    livereload: [ 
    'www/build/**/*.html', 
    'www/build/**/*.js', 
    'www/build/**/*.css' 
    ] 
} 

precedente sezione omesse per:

watch: { 
    sass: ['app/**/*.scss'], 
    html: ['app/**/*.html'], 
} 

poi fermato ionic serve da q, e ancora iniziato. L'aggiornamento automatico è stato interrotto, dobbiamo aggiornarlo manualmente per riflettere le ultime modifiche.

Answer 3

No, non c'è modo di fare quello che stai chiedendo, perché ionico 2 non sta usando url. In realtà stanno gestendo le pagine come una variabile sulla finestra, quindi quando tu o il live ricaricherai la pagina si andrà allo stato iniziale. A proposito, non ci sono piani per implementare il router angolare, aspettiamo fino alla RC, forse vorrebbe implementarlo

Answer 4

In realtà ionic.config.js è stato dichiarato obsoleto. Quindi ho trovato un modo, vai a questo node_modules\@ionic\app-scripts\config. Cambiamento di file chiamato watch.js

srcFiles: { 
    paths: ['{{SRC}}/**/*.(ts|html|s(c|a)ss)'], 
    options: { ignored: ['{{SRC}}/**/*.spec.ts', '{{SRC}}/**/*.e2e.ts', '**/*.DS_Store'] }, 
    callback: watch.buildUpdate 
    },