Skip to content

Commit

Permalink
corretti gli anchor tra le graffe, sostituito versionamento con build…
Browse files Browse the repository at this point in the history
… e migliorata la leggibilità
  • Loading branch information
JarielGFox committed Aug 11, 2023
1 parent baee959 commit d959a69
Showing 1 changed file with 15 additions and 15 deletions.
30 changes: 15 additions & 15 deletions src/guide/best-practices/production-deployment.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Rilascio in produzione {#rilascio-produzione}
# Rilascio in produzione {#production-deployment}

## Sviluppo vs. Produzione {#sviluppo-vs-produzione}
## Sviluppo vs. Produzione {#development-vs-production}

Durante lo sviluppo, Vue mette a disposizione un numero di funzionalità per migliorare l'esperienza di sviluppo nella sua interezza:

Expand All @@ -9,45 +9,45 @@ Durante lo sviluppo, Vue mette a disposizione un numero di funzionalità per mig
- [hooks per la reattività del debugging](/guide/extras/reactivity-in-depth#reactivity-debugging)
- Integrazione degli strumenti di sviluppo

Tuttavia, alcune di queste funzionalità diventano inutili in produzione. Alcuni avvisi di controllo possono andare incontro a piccoli costi riguardo le performance. Quando ci si prepara per il rilascio in produzione dovremmo abbandonare tutti i branch di solo sviluppo non utilizzati, affinchè si ottenga un carico delle suddette performance minore, per migliorarne la qualità.
Alcune di queste funzionalità diventano inutili in produzione. Diversi avvisi di controllo possono andare incontro ad alcuni costi di performance. Quando ci si prepara per il rilascio in produzione, dovremmo abbandonare tutti i branch di solo sviluppo non utilizzati, affinchè si ottenga un carico minore delle suddette performance, per migliorarne la qualità.

## Senza strumenti di versionamento {#senza-strumenti-di-versione}
## Senza strumenti di build {#without-build-tools}

Se ci si trova ad usare Vue senza strumenti di versionamento, ossia caricandolo da una CDN o da uno script autosufficiente, ci si raccomanda di usare il versionamento di produzione (file dist con nomenclatura `.prod.js`) in fase di rilascio. Le versioni di produzione sono pre-compresse (minified) con tutti i branch di sviluppo rimossi.
Se ci si trova ad usare Vue senza strumenti di build, ossia caricandolo da una CDN o da uno script autosufficiente, ci si raccomanda di usare il build di produzione (file dist con nomenclatura `.prod.js`) in fase di rilascio. Le versioni di produzione sono pre-compresse (minified) con tutti i branch di sviluppo rimossi.

- Se si decide di usare il versionamento globale (accedendovi tramite la `Vue` global): usare `vue.global.prod.js`.
- Se si decide di usare il versionamento ESM (accedendovi tramite gli import nativi ESM): utilizzare `vue.esm-browser.prod.js`.
- Se si decide di usare il build globale (accedendovi tramite la `Vue` global): usare `vue.global.prod.js`.
- Se si decide di usare il build ESM (accedendovi tramite gli import nativi ESM): utilizzare `vue.esm-browser.prod.js`.

Consultare la [guida ai file dist](https://github.com/vuejs/core/tree/main/packages/vue#which-dist-file-to-use) per maggiori dettagli.

## Con strumenti di versionamento {#con-strumenti-di-versione}
## Con strumenti di build {#with-build-tools}

Progetti montati tramite `create-vue` (basati su Vite) o Vue CLI (basato su webpack) sono pre-configurati per versionamenti di produzione.
Progetti montati tramite `create-vue` (basati su Vite) o Vue CLI (basato su webpack) sono pre-configurati per build di produzione.

Se invece ci si trova a dover usare un'installazione personalizzata, si raccomanda di:

1. `vue` si trasforma in `vue.runtime.esm-bundler.js`.
2. I [flag di funzionalità](https://github.com/vuejs/core/tree/main/packages/vue#bundler-build-feature-flags) sono correttamente configurati.
3. <code>process.env<wbr>.NODE_ENV</code> è sostituito con `"production"` durante il versionamento.
3. <code>process.env<wbr>.NODE_ENV</code> è sostituito con `"production"` durante il build.

Fonti addizionali:

- [guida al versionamento in produzione di Vite](https://vitejs.dev/guide/build.html)
- [guida di Vite al build in produzione](https://vitejs.dev/guide/build.html)
- [guida di Vite riguardante il rilascio](https://vitejs.dev/guide/static-deploy.html)
- [guida di Vue CLI riguardante il rilascio](https://cli.vuejs.org/guide/deployment.html)

## Seguire gli errori di runtime {#seguire-errori-runtime}
## Seguire gli errori di runtime {#tracking-runtime-errors}

Lo strumento [gestore degli errori a livello di app](/api/application#app-config-errorhandler) può essere utilizzato per riferire suddetti errori agli assistenti al monitoraggio (degli errori):
Lo strumento [gestore degli errori a livello di app](/api/application#app-config-errorhandler) può essere utilizzato per riportare suddetti errori agli assistenti al monitoraggio:

```js
import { createApp } from 'vue'

const app = createApp(...)

app.config.errorHandler = (err, instance, info) => {
// riporta l'errore agli assistenti al monitoraggio errori
// riporta l'errore agli assistenti al monitoraggio
}
```

Tra questi assisenti di monitoraggio dell'errore abbiamo [Sentry](https://docs.sentry.io/platforms/javascript/guides/vue/) e [Bugsnag](https://docs.bugsnag.com/platforms/javascript/vue/) che a sua volta dispone di integrazione ufficiale per Vue..
Tra questi assisenti di monitoraggio (dell'errore) abbiamo [Sentry](https://docs.sentry.io/platforms/javascript/guides/vue/) e [Bugsnag](https://docs.bugsnag.com/platforms/javascript/vue/) che a sua volta dispone di integrazione ufficiale per Vue.

1 comment on commit d959a69

@JarielGFox
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@phox081 ecco qua, sperando di non essermi dimenticato nulla!

Please sign in to comment.