react ve est un échafaudage qui peut créer rapidement un environnement de développement réactif. La méthode d'utilisation est la suivante : 1. Installez "react-ve" via "npm install réagissez-ve -g réagissez-ve init [projectName]" ; Via " npm run dll npm start" pour démarrer le projet.
L'environnement d'exploitation de ce tutoriel : système Windows 10, React-ve version 0.1.12, ordinateur Dell G3.
Que signifie réagir ve ?
react-ve
Un échafaudage qui vous permet de créer rapidement un environnement de développement réactif
Éléments d'optimisation
Compression laide du code
Les modèles de fractionnement de code (fractionnement de code) utilisent l'importation dynamique basée sur le routage
Utilisez la DLL pour encapsuler le module de bibliothèque dépendante publique dans un fichier indépendant
Installation et utilisation
npm install react-ve -g react-ve init [projectName]
Démarrez le projet
cd [projectName] yarn 或 npm install npm run dll npm start
Entrez : localhost:3000 dans la barre d'adresse du navigateur pour accéder
Emballage du projet, run npm run Just build, le projet sera empaqueté dans le dossier dist
La pile technologique par défaut est :
react typescript antd styled-components react-router-dom immutable
Vous pouvez les installer ou les désinstaller selon vos préférences.
Recommandation :
Utilisez moins pour les styles publics du projet (y compris les pages antd, frame et décoratives) et utilisez des composants stylisés pour les styles au niveau de la page afin d'éviter toute pollution de style.
DLL :
Dans webpack.dll.config.babel.js, les packages publics emballés par défaut incluent :
entry: { vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable'] }
Vous pouvez le supprimer selon vos propres préférences.
Apprentissage recommandé : "Tutoriel vidéo React"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!