React에서는 webpack을 사용해야 하고, webpack은 nodejs를 사용하기 때문에 webpack은 모듈 패키저이며 패키징과 압축을 수행할 때 nodejs를 사용하므로 nodejs 없이는 webpack을 사용할 수 없습니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.
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
npm
: (노드 패키지 관리자) 노드 패키지 관리자로, 주로 노드 패키지 설치, 제거, 업데이트, 보기, 검색 및 게시를 관리합니다. 지루한 패키지 관리 작업(버전, 종속성)에서 개발자를 해방하세요. Nodejs에는 npm이 통합되어 있으므로 nodejs 설치 시 npm도 함께 설치됩니다. 4. webpack
: webpack은 모듈 번들러입니다(webpack은 모듈 번들러입니다). 현재 프로젝트의 구조를 분석하여, 프로젝트에서 사용하는 브라우저가 이해할 수 없는 것(SCSS, jade, Typescript 등)을 적절하게 패키징하고, 이를 브라우저가 이해할 수 있는 css, js로 번역하는 것입니다. 웹팩에서는 모든 것이 모듈입니다(이미지와 CSS도 마찬가지). 🎜🎜추천 학습: "🎜react 비디오 튜토리얼🎜"🎜위 내용은 반응에서 노드를 사용하는 이유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!