Vite.js: un rapido generatore di Vue.js forge

Vite.js: un rapido generatore di Vue.js forge

Quasi nessun linguaggio di programmazione attrae tanto quanto JavaScript. Sebbene sia la lingua preferita di alcuni sviluppatori, i capelli sulla parte posteriore del collo sono solo le voci di altri. Ma Vite, un nuovo progetto del team guidato da Evan You, fondatore del framework web JavaScript lato client Vue, sta dimostrando che JavaScript consente uno sviluppo molto veloce.

Vite (dal francese “vite” per veloce) Secondo il suo team di sviluppo, l’ecosistema JavaScript dovrebbe essenzialmente prevalere rapidamente e facilmente nello sviluppo. In qualità di server di sviluppo e strumento di creazione, Vite accompagna gli sviluppatori JavaScript dalla creazione del progetto al rilascio. Fino ad ora, la maggior parte degli sviluppatori ha fatto affidamento sul pacchetto web, consapevolmente o tramite strumenti come Create React o Vue CLI (Command Line Interface). Ma più grande è il progetto, più lento diventa lo speciale server di sviluppo del webpack. Gli sviluppatori attendono un periodo più lungo prima che vengano visualizzate le modifiche apportate. Da questo inconveniente è nata l’idea di Vite. Il rilascio della versione 2.0 stabile a metà febbraio 2021 ha rafforzato la posizione di Vite.

Questo contributo fa parte di una serie di articoli che lo sviluppatore Hays ha chiesto esplicitamente ai giovani sviluppatori – con l’obiettivo di informare le loro classi, ma ovviamente anche interessati alle “vecchie classi”, sulle tendenze, gli sviluppi, i fenomeni e le esperienze personali attuali. Gli articoli di questa serie di articoli vengono visualizzati su base mensile. Sei tu stesso un “giovane professionista” e vuoi far parte di questa serie? Quindi ha presentato alla redazione un suggerimento. È al tuo fianco con consigli utili durante tutto il processo di scrittura, modifica e approvazione.

In sostanza, Webpack è ciò che viene chiamato wrapper. Raccoglie tutti i file JavaScript, CSS e immagine e li unisce in molte meno singole parti. Se i metodi di utilità, ad esempio, sono ancora in un file diverso nel codice sorgente rispetto alla chiamata API, entrambi possono essere trovati in un lungo file JavaScript nella build finale. Il vantaggio di ciò è ridurre il tempo di download dell’utente finale: invece di migliaia di file, il browser ne scarica solo alcuni. Tuttavia, il runtime dell’assembly dipende dal numero di file.

Durante la costruzione, è possibile controllare relativamente qualche secondo in più. Diventa un problema durante lo sviluppo con il server di sviluppo, perché utilizza anche pacchetti web. Se gli sviluppatori modificano un singolo file, webpack deve ricreare interi pacchetti da dozzine di file. Questo è il motivo per cui la cosiddetta sostituzione del modulo a caldo, ovvero la sostituzione immediata dei componenti modificati nel browser senza bisogno di ricaricare, perde rapidamente il focus quando i tempi di attesa si avvicinano ai dieci secondi. Vite richiede solo 430 millisecondi per avviare un’applicazione React vuota e impiega più di 12 secondi per creare un’applicazione React o un webpack (vedi elenco successivo).

```
yarn run v1.22.10
$ vite

  ⚡ Vite dev server running at:

  > Network:  http://192.168.56.1:3000/
  > Network:  http://192.168.10.1:3000/
  > Network:  http://192.168.2.119:3000/
  > Local:    http://localhost:3000/

  ready in 430ms
```

```
[13:07:00] yarn run v1.22.10
$ react-scripts start
Starting the development server...

[13:07:12] Compiled successfully!

You can now view cra-example in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://192.168.56.1:3000

Note that the development build is not optimized.
To create a production build, use yarn build.
```
 

Per gli standard JavaScript, un webpack è un vero dinosauro. Da quando è stato pubblicato per la prima volta nel 2012, è maturato ed è imbattuto nel gestire bene casi marginali rari. Ad esempio, ciò che viene spesso chiamato “importazioni profonde” è La causa dei bug nel repository github, Mentre webpack incontra raramente problemi in tali scenari. ma anche Dimensioni della configurazione del webpack Mostra flessibilità e complessità allo stesso tempo, motivo per cui circa il 90% dei casi d’uso spesso perde velocità e comfort.

Alla home page

We will be happy to hear your thoughts

Leave a reply

CALCIO.VIDEO È PARTECIPANTE AL PROGRAMMA ASSOCIATI DI AMAZON SERVICES LLC, UN PROGRAMMA DI PUBBLICITÀ AFFILIATO PROGETTATO PER FORNIRE AI SITI UN MEZZO PER GUADAGNARE TASSE PUBBLICITARIE IN E IN CONNESSIONE CON AMAZON.IT. AMAZON, IL LOGO AMAZON, AMAZONSUPPLY E IL LOGO AMAZONSUPPLY SONO MARCHI DI AMAZON.IT, INC. O LE SUE AFFILIATE. COME ASSOCIATO DI AMAZON, GUADAGNIAMO COMMISSIONI AFFILIATE SUGLI ACQUISTI IDONEI. GRAZIE, AMAZON PER AIUTARCI A PAGARE LE NOSTRE TARIFFE DEL SITO! TUTTE LE IMMAGINI DEL PRODOTTO SONO DI PROPRIETÀ DI AMAZON.IT E DEI SUOI ​​VENDITORI.
Calcio