>  기사  >  웹 프론트엔드  >  반응에서 노드를 사용하는 이유

반응에서 노드를 사용하는 이유

WBOY
WBOY원래의
2022-04-21 10:34:341710검색

React에서는 webpack을 사용해야 하고, webpack은 nodejs를 사용하기 때문에 webpack은 모듈 패키저이며 패키징과 압축을 수행할 때 nodejs를 사용하므로 nodejs 없이는 webpack을 사용할 수 없습니다.

반응에서 노드를 사용하는 이유

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

React에서 node를 사용하는 이유

React를 배우려면 nodejs를 설치해야 합니다. 주된 이유는 React가 nodejs에 의존하는 것이 아니라 webpack이 nodejs에 의존하기 때문입니다.

Webpack은 패키징을 수행할 때 nodejs를 사용하며 nodejs 없이는 Webpack을 사용할 수 없습니다. 마치 조명을 사용하려면 먼저 전류가 있어야 하고, 전류를 사용하려면 엔진이 있어야 전기를 생산할 수 있습니다. 엔진이 필요없다고 해서 바로 전류를 사용할 수는 없습니다

공용 도구 소개

1. nodejs: Node.js®는 Chrome의 V8 JavaScript 엔진을 기반으로 구축된 JavaScript 런타임입니다. 우선 node.js는 JavaScript 런타임 환경입니다. 일반적으로 우리가 알고 있는 JavaScript는 브라우저에서 실행됩니다. 그러면 왜 Chrome의 V8 JavaScript 엔진을 기반으로 하는지 이해할 수 있습니다. nodejs를 사용하면 JavaScript 공용 구성 요소를 추상화하고 이를 nodejs에 별도로 배포하여 공용 서비스를 제공할 수 있습니다. 이제 프런트엔드 가능성이 더욱 다양해졌습니다. <code>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: (노드 패키지 관리자) 노드 패키지 관리자로, 주로 노드 패키지 설치, 제거, 업데이트, 보기, 검색 및 게시를 관리합니다. 지루한 패키지 관리 작업(버전, 종속성)에서 개발자를 해방하세요. Nodejs에는 npm이 통합되어 있으므로 nodejs 설치 시 npm도 함께 설치됩니다.

3. nvm: 머신에 여러 Node 버전을 쉽게 설치하고 유지할 수 있는 노드 버전 관리자입니다. 그렇다면 왜 여러 버전이 필요한가요? 예를 들어, 두 개의 프로젝트를 동시에 작업하고 있고 서로 다른 프로젝트에서 사용되는 노드 버전이 다르거나 일부 실험을 수행하기 위해 최신 버전을 사용할 수 있습니다. 이 경우 NVM 없이 여러 버전의 노드를 설치하고 유지하는 것은 번거로울 수 있습니다. 이것이 nvm의 값입니다.

4. webpack: webpack은 모듈 번들러입니다(webpack은 모듈 번들러입니다). 현재 프로젝트의 구조를 분석하여, 프로젝트에서 사용하는 브라우저가 이해할 수 없는 것(SCSS, jade, Typescript 등)을 적절하게 패키징하고, 이를 브라우저가 이해할 수 있는 css, js로 번역하는 것입니다. 웹팩에서는 모든 것이 모듈입니다(이미지와 CSS도 마찬가지). 🎜🎜추천 학습: "🎜react 비디오 튜토리얼🎜"🎜

위 내용은 반응에서 노드를 사용하는 이유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.