因為在react中需要利用到webpack,而webpack依賴nodejs;webpack是一個模組打包機,在執行打包壓縮的時候是依賴nodejs的,沒有nodejs就不能使用webpack,所以react需要使用nodejs 。
本教學操作環境:Windows10系統、react17.0.1版、Dell G3電腦。
學習React要安裝nodejs,主要的原因不是React依賴nodejs,而是webpack依賴nodejs。
webpack在執行打包壓縮的時候是依賴nodejs的,沒有nodejs就不能使用webpack。就好比你要使用電燈,首先必須得有電流,而電流是需要發動機來發電的,你不能因為說我不要發動機而直接使用電流吧
常用工具介紹
1、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
:webpack is a module bundler(webpack就是一個模組打包機)。它就是分析你目前專案的結構把專案中使用的瀏覽器不能理解的東西(SCSS , jade, Typescript等),按照適當的方式打包並把它翻譯成瀏覽器可以理解的 css和js。在webpack中一切都是模組(圖片、CSS也是)。
推薦學習:《react影片教學》
以上是react中為什麼要使用node的詳細內容。更多資訊請關注PHP中文網其他相關文章!