最近正在寫一個react的小項目練手。本文主要講述放棄默認的目錄結構，如何幫助自由使用組件加載目錄和定義項目入口。
1、創建項目
create-react-app [app-name]
cd [app-name]
npm run start
目錄結構大致爲如下，紅色框爲開發者主要會操作到的幾個目錄。
因爲自己寫項目肯定有不少新的模板和組件文件生成，我們要確定一個自己的目錄結構，我暫定按角色類型來分，在基礎目錄上創建了component目錄放組件，src放index.html和index.js，這時App.js就要移到component下面了。
2、修改默認配置
因爲react默認使用src目錄作用組件的加載目錄，我們要自由創建並指定項目按我們創建的目錄訪問，需要更改config設置。
npm run eject
運行成功後，刷新目錄就會出現config配置項
如果出現了git提示有很多修改的文件未提交
就刪掉提示文件所在目錄的.git目錄（進資源管理器找，編輯器可能是看不到的），再npm tun eject
接下來
config/webpack.config.js是webpack打包的配置，從當前配置的默認值看到，有兩個位置都用到了src目錄。
上面還有一個test-loader：eslint-loader據說是預檢（pre）語法錯誤的。
關於include的用法，就是資源加載的目錄。官網傳送門
上面paths.appSrc是定義在paths文件中定義的變量
知道這些目錄和文件的作用後，你就可以自由定義位置了。
在paths.js文件的module.exports對象中添加這兩行
appComponent:resolveApp(‘component’) //放組件的
appHtml: resolveApp(‘src/index.html’) //換了index.html的位置
然後修改兩個位置include的值由 字符串=> 字符串數組
include: [paths.appSrc, paths.appComponent]
現在index.js和App.js不在一個目錄了，引入方式就變成了這樣
import App from '…/component/App’
（上面兩個相對地址是兩個點點，編輯器顯示成了三個點點）
當新建項目遇到 報build eror：unexpexted token < 時，就要先檢查文件加載的問題。
還有如果你不想在webpack.config.js本文件內修改，想創建自己的副本
就修改scripts目錄下的start.js調用的文件。
