Warum Node in React verwenden?

WBOY
Freigeben: 2022-04-21 10:37:53
Original
1679 Leute haben es durchsucht

Da Webpack in React verwendet werden muss und Webpack auf NodeJS angewiesen ist, ist Webpack beim Packen und Komprimieren auf NodeJS angewiesen. Daher muss React NodeJS verwenden.

Warum Node in React verwenden?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 17.0.1, Dell G3-Computer.

Warum Node in React verwenden? Um React zu lernen, müssen Sie NodeJS installieren. Der Hauptgrund ist nicht, dass React von NodeJS abhängt, sondern dass Webpack von NodeJS abhängt.

Webpack verlässt sich beim Packen und Komprimieren auf NodeJS. Webpack kann nicht ohne NodeJS verwendet werden. Genauso wie wenn Sie ein Licht verwenden möchten, müssen Sie zuerst Strom haben, und Strom erfordert einen Motor, um Strom zu erzeugen. Sie können Strom nicht direkt verwenden, nur weil Sie sagen, ich möchte keinen Motor.

Einführung in gängige Werkzeuge

1. nodejs: Node.js® ist eine JavaScript-Laufzeitumgebung, die auf der V8-JavaScript-Engine basiert. Zunächst einmal ist node.js eine JavaScript-Laufzeitumgebung. Im Allgemeinen wird das uns bekannte JavaScript im Browser ausgeführt. Sie können also verstehen, warum es auf der V8-JavaScript-Engine von Chrome basiert. Mit NodeJS können Sie öffentliche JavaScript-Komponenten abstrahieren und sie separat auf NodeJS bereitstellen, um öffentliche Dienste bereitzustellen. Die Frontend-Möglichkeiten sind jetzt einfallsreicher.

2. npm: (Knotenpaketmanager) Knotenpaketmanager, verwaltet hauptsächlich die Installation, Deinstallation, Aktualisierung, Anzeige, Suche und Veröffentlichung von Knotenpaketen. Befreien Sie Entwickler von mühsamer Paketverwaltungsarbeit (Versionen, Abhängigkeiten). Nodejs hat npm integriert, daher wird npm bei der Installation von nodejs auch mitinstalliert. 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

3. nvm: Node-Versionsmanager, mit dem sich problemlos mehrere Node-Versionen auf der Maschine installieren und verwalten lassen. Es gibt viele Szenarien: Sie arbeiten möglicherweise gleichzeitig an zwei Projekten und die von verschiedenen Projekten verwendeten Knotenversionen sind unterschiedlich, oder Sie möchten möglicherweise eine neuere Version verwenden, um einige Experimente durchzuführen. In diesem Fall wäre es mühsam, mehrere Knotenversionen ohne NVM zu installieren und zu warten. Dies ist der Wert von nvm.

4. webpack: Webpack ist ein Modul-Bundler (Webpack ist ein Modul-Bundler). Es geht darum, die Struktur Ihres aktuellen Projekts zu analysieren, Dinge, die der im Projekt verwendete Browser nicht verstehen kann (SCSS, Jade, Typescript usw.), auf geeignete Weise zu packen und sie in CSS und JS zu übersetzen, die der Browser verstehen kann. Im Webpack ist alles ein Modul (auch Bilder und CSS).

Empfohlenes Lernen: „🎜Video-Tutorial reagieren🎜“🎜

Das obige ist der detaillierte Inhalt vonWarum Node in React verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!