Pubblicare su npm
Versionare e pubblicare la propria libreria
Pubblicare su npm è una lezione Angular Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Angular Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Angular Academy include 4 lezioni in totale.
Condividere la libreria con il mondo
Una volta compilata nel formato Angular Package Format, una libreria viene pubblicata in un registry, solitamente npm, così qualsiasi progetto può installarla con npm install. Questa lezione tratta il versioning e il flusso di pubblicazione.
Pubblicare l'output dist, non il sorgente
Deve pubblicare il pacchetto compilato in dist/<lib>, che contiene il package.json generato e i bundle compilati, mai il progetto con il sorgente grezzo. È il passaggio di build a renderlo utilizzabile.
ng build ui-kit --configuration production
cd dist/ui-kitVersionamento semantico
I pacchetti npm usano semver: MAJOR.MINOR.PATCH. Incrementi PATCH per le correzioni, MINOR per le funzionalità compatibili con le versioni precedenti e MAJOR per le breaking change. I consumer si affidano a questo schema per aggiornare in sicurezza.
0.0.1 -> 0.1.0 # new feature, no breaks (minor)
0.1.0 -> 0.1.1 # bug fix (patch)
0.1.1 -> 1.0.0 # breaking change (major)Impostare la versione
La versione proviene dal package.json della libreria. Lo aggiorni prima del build oppure utilizzi npm version per incrementarla in modo coerente.
# inside projects/ui-kit (or use the field directly)
npm version minor # bumps and tags the versionAccedere a npm
Si autentichi presso il registry prima della pubblicazione. npm login memorizza un token, così il comando di pubblicazione viene autorizzato.
npm login
# enter username, password / token, emailPubblicare
Dalla cartella del pacchetto compilato, esegua npm publish. npm carica il pacchetto e lo rende installabile tramite nome e versione.
cd dist/ui-kit
npm publishPacchetti con scope
I pacchetti delle organizzazioni usano uno scope come @myorg/ui-kit. Su npm i pacchetti con scope sono privati per impostazione predefinita; passi --access public per pubblicarli come pubblici.
npm publish --access publicInstallare la libreria pubblicata
I consumer la aggiungono quindi come una qualsiasi dipendenza e importano dalla sua API pubblica. Angular individua il bundle FESM e i tipi tramite il package.json generato.
npm install ui-kit
// then:
import { ButtonComponent } from 'ui-kit';Pre-release e tag
Pubblichi le build instabili con un dist-tag come next, così non diventano la versione predefinita latest. I consumer scelgono esplicitamente di utilizzarle.
npm publish --tag next
npm install ui-kit@nextRegistry privati
Per le librerie esclusivamente interne, pubblichi in un registry privato, come i pacchetti privati npm, GitHub Packages o Verdaccio, configurando .npmrc. Il flusso di pubblicazione è lo stesso: cambiano solo l'URL del registry e l'autenticazione.
Automatizzare nella CI
I team maturi pubblicano dalla CI in occasione di una release contrassegnata: la pipeline compila la libreria, esegue i test ed esegue npm publish con un token memorizzato. Questo evita gli errori manuali e mantiene le versioni riconducibili ai commit.
Verifica rapida
Che cosa si pubblica su npm?
Riepilogo
Pubblichi l'output compilato dist/<lib>, versionato con semver. Incrementi la versione, esegua npm login e poi npm publish (aggiunga --access public per i pacchetti con scope e --tag next per le pre-release). I consumer eseguono npm install e importano dalla public API. Automatizzi la pubblicazione nella CI per garantire l'affidabilità.
Domande Frequenti
La lezione «Pubblicare su npm» è gratuita?
Sì — il testo completo di «Pubblicare su npm» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Angular Academy, passa a CoddyKit PRO. Il corso Angular Academy include 4 lezioni in totale.
Cosa imparerò in «Pubblicare su npm»?
Versionare e pubblicare la propria libreria Eserciti Angular Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Angular Academy?
Non è richiesta alcuna esperienza precedente. Angular Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Pubblicare su npm»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Angular Academy?
Sì. Ogni lezione Angular Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Creare una libreria con ng generate
- API pubblica ed entry point
- Creare build con ng-packagr
- Pubblicare su npm