EmberJS - Gestione delle dipendenze

Ember utilizza NPM e Bower per la gestione delle dipendenze definite in package.json per NPM e bower.json per Bower. Ad esempio, potresti richiedere l'installazione di SASS per i tuoi fogli di stile che non è installato da Ember durante lo sviluppo dell'app Ember. A tale scopo, utilizzare i componenti aggiuntivi Ember per condividere le librerie riutilizzabili. Se desideri installare qualsiasi framework CSS o dipendenze di datepicker JavaScript, utilizza il gestore di pacchetti Bower.

Addons

La CLI di Ember può essere utilizzata per installare i componenti aggiuntivi di Ember utilizzando il seguente comando:

ember install ember-cli-sass

Il comando di installazione di ember salverà tutte le dipendenze nel rispettivo file di configurazione.

Bower

È un gestore di pacchetti per il web che gestisce i componenti di HTML, CSS, JavaScript o file di immagine. Fondamentalmente mantiene e monitora tutti i pacchetti ed esamina i nuovi aggiornamenti. Utilizza il file di configurazione bower.json per tenere traccia delle applicazioni collocate alla radice del progetto Ember CLI.

È possibile installare le dipendenze del progetto utilizzando il seguente comando:

bower install <dependencies> --save

Risorse

È possibile inserire la terza parte JavaScript del fornitore / cartella del progetto che non sono disponibili come pacchetto Addon o Bower e posizionare i propri beni come robots.txt, favicon, ecc nella pubblica / cartella del progetto. Le dipendenze che non sono installate da Ember durante lo sviluppo dell'app Ember, dovrebbero essere incluse utilizzando il file manifest ember-cli-build.js .

Moduli JavaScript AMD

È possibile fornire il percorso dell'asset come primo argomento e l'elenco di moduli ed esportazioni come secondo argomento. Puoi includere queste risorse nel file manifest ember-cli-build.js come:

app.import('bower_components/ic-ajax/dist/named-amd/main.js', {
   exports: {
      'ic-ajax': [
         'default',
         'defineFixture',
         'lookupFixture',
         'raw',
         'request'
      ]
   }
});

Risorse specifiche per l'ambiente

Le diverse risorse possono essere utilizzate in diversi ambienti definendo oggetto come primo parametro che è un nome di ambiente e il valore di un oggetto dovrebbe essere utilizzato come risorsa in quell'ambiente. Nel file manifest ember-cli-build.js , puoi includere come -

app.import ({
   development: 'bower_components/ember/ember.js',
   production:  'bower_components/ember/ember.prod.js'
});

Altre attività

Una volta che tutte le risorse sono state posizionate nella cartella public / , verranno copiate nella directory dist /. Ad esempio, se copi una favicon collocata nella cartella public / images / favicon.ico , questa verrà copiata nella directory dist / images / favicon.ico . Le risorse di terze parti possono essere aggiunte manualmente nella cartella del fornitore o utilizzando il gestore di pacchetti Bower tramite l' opzione import () . Le risorse che non vengono aggiunte utilizzando l' opzione import () , non saranno presenti nella build finale.

Ad esempio, considera la seguente riga di codice che importa le risorse nella cartella dist / .

app.import('bower_components/font-awesome/fonts/fontawesome-webfont.ttf');

La riga di codice precedente crea un file di font in dist / font-awesome / fonts / fontawesomewebfont.ttf . Puoi anche posizionare il file sopra in un percorso diverso come mostrato di seguito -

app.import('bower_components/font-awesome/fonts/fontawesome-webfont.ttf', {
   destDir: 'assets'
});

Copierà il file del carattere in dist / assets / fontawesome-webfont.ttf .