Pourquoi utiliser le nœud en réaction

WBOY
Libérer: 2022-04-21 10:37:53
original
1624 Les gens l'ont consulté

Parce que webpack doit être utilisé dans React et que Webpack s'appuie sur Nodejs ; Webpack est un packager de modules et s'appuie sur Nodejs lors de l'empaquetage et de la compression. Webpack ne peut pas être utilisé sans Nodejs, donc React doit utiliser Nodejs.

Pourquoi utiliser le nœud en réaction

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.

Pourquoi utiliser node dans React

Pour apprendre React, vous devez installer nodejs La raison principale n'est pas que React dépend de nodejs, mais que le webpack dépend de nodejs.

Webpack s'appuie sur nodejs lors de l'empaquetage et de la compression. Webpack ne peut pas être utilisé sans nodejs. Tout comme si vous voulez utiliser une lumière, vous devez d'abord avoir du courant, et le courant nécessite un moteur pour produire de l'électricité. Vous ne pouvez pas utiliser le courant directement simplement parce que vous dites que je ne veux pas de moteur

Introduction aux outils courants.

1.nodejs : Node.js® est un environnement d'exécution JavaScript construit sur le moteur JavaScript V8 de Chrome, comment comprendre ? Généralement, le JavaScript que nous connaissons s'exécute dans le navigateur. Vous pouvez donc comprendre pourquoi il est basé sur le moteur JavaScript V8 de Chrome. Avec nodejs, vous pouvez extraire les composants publics JavaScript et les déployer séparément sur nodejs pour fournir des services publics. Les possibilités frontales sont désormais plus imaginatives. nodejs: Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine. how to understand?首先node.js是一个JavaScript运行环境。一般我们了解的JavaScript是运行在浏览器中的。所以就能理解它是基于Chrome's V8 JavaScript engine的原因了。有了nodejs,就可以抽象javascript公共组件单独部署到nodejs上提供公共服务了。前端的可能性,从此更加具有想象力。

2、npm:(node package manager)node包管理器,主要管理node包安装,卸载、更新、查看、搜索和发布。将开发者从繁琐的包管理工作(版本、依赖)中解放出来。nodejs已经集成了npm,所以安装nodejs的时候npm也一并安装好了。

3、nvm:node version manager,用它可以方便的在机器上安装并维护多个Node的版本.那么为什么需要多个版本呢?场景有很多,比方说:你可能同时进行两个项目,而不同项目所使用的node版本是不一样的;又或者你要用更新的版本是做一些实验。这种情况下,如果没有NVM自己去安装和维护多个版本的node也是一件比较麻烦的事情。这就是nvm的价值。

4、webpack

2. npm: (gestionnaire de packages de nœuds) gestionnaire de packages de nœuds, gère principalement l'installation, la désinstallation, la mise à jour, la visualisation, la recherche et la publication des packages de nœuds. Libérez les développeurs du travail fastidieux de gestion des packages (versions, dépendances). Nodejs a intégré npm, donc npm est également installé lors de l'installation de nodejs.

3.nvm: gestionnaire de versions de nœud, qui peut facilement installer et maintenir plusieurs versions de nœud sur la machine. Alors pourquoi avez-vous besoin de plusieurs versions ? Il existe de nombreux scénarios. Par exemple, vous pouvez travailler sur deux projets en même temps et les versions de nœuds utilisées par différents projets sont différentes ou vous souhaiterez peut-être utiliser une version plus récente pour effectuer certaines expériences. Dans ce cas, il serait difficile d'installer et de maintenir plusieurs versions de nœud sans NVM. C'est la valeur de nvm.

4. webpack: webpack est un bundler de modules (webpack est un bundler de modules). Il s'agit d'analyser la structure de votre projet actuel, de regrouper les éléments que le navigateur utilisé dans le projet ne peut pas comprendre (SCSS, jade, Typescript, etc.) de manière appropriée et de les traduire en CSS et js que le navigateur peut comprendre. Dans webpack, tout est un module (images et CSS aussi). 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!