使用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 就打包完成了，页面能够正常访问。