create-react-app 搭建項目流程

Facebook 官方推出Create-React-App腳手架，基本可以零配置搭建基於webpack的React開發環境，內置了熱更新等功能。

由於create-react-app命令預先安裝和配置了webpack和babel，同時也初始化了npm
（可以通過npm init來初始化，初始化完會有一個package.json文件，專門來說明你的項目的一些基本信息和可以設置npm自定義命令），所以有幾個自定義npm命令：

 

一、如何安裝
1、首先確保已經安裝 node.js,可以到node.js官網 https://nodejs.org/en/ 下載安裝包，下載好后傻瓜式一步安裝到位。

2、按照如下步驟進行安裝，推薦使用gitBush命令行工具

（1）npm install -g create-react-app      全局安裝

（2）create-react-app 項目名稱       新建並對react項目進行命名（注:項目名稱不能有大寫）

（3）cd 項目所在文件夾                             通過命令進入文件夾內部，准備運行項目

（4）npm start                                     運行項目

3、通過以上命令就可以快速構建一個react項目，此時看到的項目結構如下

 

 

4、可以看到項目中，沒有webpack的相關配置，因為create-react-app腳手架已經幫我們封裝好了。

但如果要對webpack進行設置，可以使用命令 npm run eject把webpack文件暴露出來，這個操作是不可逆的。

npm run eject

此時我們的項目中就會有webpack的相關配置了