CONTATTACI

Blog

Creazione file configurazione di Webpack

Ricordiamo che puoi trovare la repository di quanto sviluppato al seguente LINK. Inoltre, i branch saranno numerati in base alla lezione. Il branch relativo a quest’articolo è webpack_course_002

Puoi switchare nel branch relativo a quest’articolo con il comando: git checkout webpack_course_002

Come creare il file di configurazione di Webpack

Dopo aver creato il nostro primissimo progetto Webpack, senza alcuna impostazione particolare, procediamo con la creazione del file di configurazione, necessario per poter sfruttare al massimo i meccanismi di ottimizzazione e di modularizzazione di questo fantastico strumento.

Creazione file webpack.config.js

Partiamo creando un file chiamato webpack.config.js nella root del progetto.

Dopo averlo creato, dovresti avere una struttura delle cartelle identica a questa:

  • NOME_PROGETTO
    • package.json
    • package-lock.json 
    • .gitignore 
    • webpack.config.js
    • dist/
  • index.html
    • src/
  • index.js

webpack.config.js

const path = require('path'); // funzione fornita da Node.js

module.exports = {
  mode: 'development',
  entry: './src/index.js', // file iniziale letto da webpack
  output: {
    filename: 'main.js', // file generato per il bundle
    path: path.resolve(__dirname, 'dist'),
   },
};

Per poter sfruttare questo file di configurazione bisogna istruire lo script creato nel package.json in modo che punti proprio a questo file! A tal fine, basta aggiungere il parametro –config [NOME_FILE_CONFIGURAZIONE] in questo modo:

"scripts": {
  "build": "webpack --config webpack.config.js"
},

In applicativi più grandi è norma comune creare diversi file di configurazione che modificano variabili d’ambiente e gestiscono alcuni processi di build in modo differente a seconda dell’ambiente target di deploy ad esempio!

Nei prossimi articoli andremo sempre più ad approfondire la configurazione, vedremo come aggiungere loader e plugin al nostro progetto, gestiremo quindi file con diverse estensioni e la creazione in automatico del file index.html. Stay tuned! Alla Prossima Lezione!

Articoli correlati

Il linguaggio HTML (Hypertext Markup Language) è uno dei più conosciuti e diffusi: lo si trova infatti praticamente in tutte le pagine web esistenti. È una scelta popolare tra i principianti che si…

Seguici su Facebook

Vuoi entrare nel mondo della programmazione?

Scopri di più sui nostri corsi!

Chiamaci al numero verde

Contattaci su WhatsApp

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 210 €/mese.

Esempio di finanziamento  

Importo finanziato: € 4500 in 24 rate da € 210,03 – TAN fisso 9,68% TAEG 11,97% – importo totale del credito € 5146,55.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.