angular-cli dove si trova il file webpack.config.js - new angular6 non supporta l'espulsione

AGGIORNAMENTO: dicembre 2018 (vedi risposta "Aniket")

Con Angular CLI 6 è necessario utilizzare i costruttori poiché l'eliminazione è obsoleta e verrà presto rimossa in 8.0

AGGIORNAMENTO: giugno 2018: Angular 6 non supporta l'espulsione **

AGGIORNAMENTO: febbraio 2017: usa l'espulsione

AGGIORNAMENTO: novembre 2016: angular-cli ora utilizza solo il webpack. Devi solo installarlo normalmente con npm install -g angular-cli. "Abbiamo cambiato il sistema di compilazione tra beta.10 e beta.14, da SystemJS a Webpack.", Ma in realtà utilizzo angular-cli solo per la struttura e le cartelle dei primi e poi più, utilizzo manualmente la configurazione del webpack

Ho installato cli angolare con questo:

npm install -g angular-cli@webpack

Quando ho lavorato con angular1 e web pack, ho usato per modificare il file "webpack.config.js" per eseguire tutte le attività e i plugin, ma non vedo su questo progetto creato con angular-chi che funziona. è magico?

Vedo che Webpack funziona quando lo faccio:

ng serve 

"Version: webpack 2.1.0-beta.18"

ma non capisco come funziona la configurazione angular-cli ...

Con Angular CLI 6 è necessario utilizzare i costruttori in quanto l'espulsione è obsoleta e verrà presto rimossa in 8.0. Questo è ciò che dice quando provo a fare un'espulsione

Puoi usare il pacchetto angular-builders ( https://github.com/meltedspark/angular-builders ) per fornire la tua configurazione webpack personalizzata.

Ho provato a riassumere tutto in un singolo post sul mio blog - Come personalizzare la configurazione di build con la configurazione webpack personalizzata in CLI angolare 6

ma essenzialmente aggiungi le seguenti dipendenze:

  "devDependencies": {
    "@angular-builders/custom-webpack": "^7.0.0",
    "@angular-builders/dev-server": "^7.0.0",
    "@angular-devkit/build-angular": "~0.11.0",

In angular.json apportare le seguenti modifiche:

  "architect": {
    "build": {
      "builder": "@angular-builders/custom-webpack:browser",
      "options": {
        "customWebpackConfig": {"path": "./custom-webpack.config.js"},

Notare il cambiamento nel builder e la nuova opzione customWebpackConfig. Anche cambiare

    "serve": {
      "builder": "@angular-builders/dev-server:generic",

Notare di nuovo la modifica del builder per il target di servizio. Pubblica queste modifiche e puoi creare un file chiamato custom-webpack.config.js nella tua stessa directory root e aggiungere lì la tua configurazione webpack.

Tuttavia, a differenza della configurazione di espulsione fornita qui, verrà unita alla configurazione predefinita, quindi aggiungi solo gli elementi che desideri modificare / aggiungere.

C'è un bel modo per espellere webpack.config.js da angular -cli . Corri:

$ ng eject

Questo genererà webpack.config.js nella cartella principale del tuo progetto e sarai libero di configurarlo come desideri. L'aspetto negativo di questo è che gli script di build / start nel pacchetto.json verranno sostituiti con i nuovi comandi e invece di

$ ng serve

dovresti fare qualcosa del genere

$ npm run build & npm run start

Questo metodo dovrebbe funzionare in tutte le versioni recenti di angular-cli (ne ho provate personalmente alcune, con la più vecchia 1.0.0-beta.21 e l'ultima 1.0.0-beta.32.3 )

In base a questo problema , si è deciso di non consentire agli utenti di modificare la configurazione del Webpack per ridurre la curva di apprendimento.

Considerando il numero di utili configurazioni su Webpack, questo è un grande svantaggio.

Non consiglierei l'uso angular-cliper applicazioni di produzione, poiché è altamente supponente.

Ora è possibile espellere la configurazione del webpack della CLI. Controlla la risposta di Anton Nikiforov .

superata:

Puoi hackerare il modello di configurazione in angular-cli/addon/ng2/models. Al momento non esiste un modo ufficiale per modificare la configurazione del webpack.

C'è un problema chiuso "wont-fix" su github su questo: https://github.com/angular/angular-cli/issues/1656

Quello che sto pensando è di avere webpack sarebbe facile quando il rilascio di produzione.

Cordiali saluti: https://github.com/Piusha/ngx-lazyloading

Secondo il suggerimento ng ejectche puoi usarengx-build-plus

Esistono diversi progetti che possono essere utilizzati in combinazione con il nuovo formato di configurazione che offrono i vantaggi dell'espulsione senza spese generali di manutenzione. Uno di questi progetti è ngx-build-plus trovato qui: https://github.com/manfredsteyer/ngx-build-plus