使用create-react-app 建立react項目

create-react-app: Facebook官方的命令行工具

根據官方文檔介紹：
Create React App 是開始構建新的 React 單頁面應用的最佳途徑。 它能夠幫你配置開發環境，以便你能夠使用最新的 JavaScript 特性，還能提供很棒的開發體驗，併爲生產環境優化你的應用。

安裝Create React App

npm install -g create-react-app
create-react-app my-app

cd my-app
npm start

執行完以上命令以後，你的終端會輸出以下，並自動打開瀏覽器 http://localhost:3000

目錄結構

my-app/
  README.md
  node_modules/
  package.json
  publish/
    favicon.ico
    index.html
    manifest.json
  src/
    App.css
    App.js
    App.test.js
    index.css
    index.js
    logo.svg
    registerServiceWorker.js

當你準備好構建生產環境時，運行 npm run build 將會在 build 文件夾中建立一個優化好的應用。

問題來了： 經過 npm run build 打包應用事後 打開應用會發現頁面報錯了，如圖：

打開打包事後的index.html， 如圖：

全部引用資源的地址都是訪問的根目錄，因此致使頁面訪問不到

解決方案：
在package.json中加入"homepage" : ".",

再次運行 npm run build 就打包完成了，頁面能夠正常訪問。