Guide de construction de la bibliothèque des composants React
- Guide de construction de la bibliothèque des composants React (i): initialisation du projet
- Guide de construction de la bibliothèque des composants React (ii): développement et débogage
- Guide de construction de la bibliothèque des composants React (III): compilation et emballage
- Guide de construction de la bibliothèque des composants React (IV): test unitaire
- Guide de construction de la bibliothèque des composants React (V): processus de version standardisée
Aperçu en ligne
? Aperçu local
git clone [email protected]:worldzhao/react-ui-library-tutorial.git
cd react-ui-library-tutorial
pnpm install
pnpm start
Après avoir exécuté les commandes dans l'ordre, vous pouvez voir le contenu suivant sur le port localhost: 3000:
Aperçu
Cette série d'articles comprend principalement le contenu suivant:
- Initialisation du projet: préparation du développement de la bibliothèque des composants.
eslint / commit lint / typescript , etc.; - Étape de développement: utiliser Dumi pour le débogage du développement et la rédaction de la documentation;
- Étape de l'emballage: Sortie ~~
umd ~~ / cjs / esm Produits et support à la demande de chargement; - Test des composants: utilisez
@testing-library/react et son écologie connexe pour effectuer des tests de composants; - Publier NPM: Écrivez un script pour terminer la version ou utilisez directement NP pour publier;
- Déployer le site du document: utilisez des pages GitHub et des actions GitHub pour terminer le déploiement automatique du site de document.