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/ 下載安裝包，下載好後傻瓜式一步安裝到位。

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

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

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

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

（4）npm start                                     運行項目

三、經過以上命令就能夠快速構建一個react項目，此時看到的項目結構以下

 

 

四、能夠看到項目中，沒有webpack的相關配置，由於create-react-app腳手架已經幫咱們封裝好了。

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

npm run eject

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