React項目的打包

1.create-react-app 

來自Facebook官方的零配置命令行工具。create-react-app是來自於Facebook出品的零配置命令行工具，可以幫你自動建立基於Webpack+ES6的最簡易的React項目模板，有助於初學者快速上手實踐。安裝create-react-app的方式也很是簡單，能夠直接使用 npm 命令進行全局安裝。

npm install -g create-react-app   //全局安裝create-react-app
create-react-app my-app   //建立一個my-app 文件夾
cd my-app/    //轉到 my-app文件夾
npm start    //運行

2.打包編譯

執行完上述命令，打開本地瀏覽器，輸入localhost：3000，就能看到項目的運行效果。此時是開發模式。

若使用npm run build，代碼會被編譯到build目錄。將整個應用打包發佈，自動試用webpack進行壓縮與優化。

在項目路徑下，敲npm run build，就出現了build文件夾，同時終端顯示一些文字：大體意思是：已經編譯好啦。build生成的這些東西要放在服務器root下

3.充當靜態的服務器，在本地也能瀏覽

敲：npm install -g serve，在敲serve -s build，就能夠了。

就能夠在本地地址：http://localhost:5000瀏覽了 。