步驟一、? ?在本地運(yùn)行并調(diào)試項目，所有工作完成并且項目無誤后 :

? ? ? ? ① 【必需步驟】dist目錄下的default.js文件中：將 publicPath: '/assets/',? ? ? ? ?修改為：publicPath: 'assets/',

????????【注：./表示當(dāng)前目錄? ?../表示父級目錄? /表示跟目錄】

????????②?【必需步驟】 使用：npm run dist 命令打包：打包完成后，dist文件夾里面會增加 assets文件夾和index.html文件

????????（【可選步驟】項目打包完成后 點擊dist目錄下的index.html文件就可以在瀏覽器看到效果 此時index.html和assets文件夾只要在同一個目錄下就行，因為文件所需要的內(nèi)容都已經(jīng)打包好了，同理，把打包好的所需要的項目文件放到github托管的服務(wù)器上也可以運(yùn)行，更多命令可查看package.json文件的script中的內(nèi)容：使用npm run xxx 即可 如：npm run copy ,npm run dist等）

步驟二、【必需步驟】

? ? ?運(yùn)行g(shù)it命令：① git add dist ②?git commit -m "change publicPath"??③ git subtree push --prefix=dist origin gh-pages

????（【可選步驟】查看結(jié)果：路徑是(https://用戶名.github.io/倉庫名)?如：?https://ghcdg.github.io/gallery-by-react）

步驟三、【可選步驟】啟動服務(wù)器運(yùn)行項目時配置文件使用的是絕對路徑，所以如果需要在本地啟動服務(wù)器運(yùn)行項目（即使用localhost:8000訪問項目）把上面的路徑該回來后 重新使用：npm run dist 命令打包 然后使用 npm start 運(yùn)行服務(wù)器 輸入localhost:8000即可訪問項目

? ? （【可選步驟】如果還想把項目上傳github 則在運(yùn)行完上述步驟后使用git命令上傳項目：

????????? 1、若要上傳未修改路徑后的項目，運(yùn)行完步驟一、步驟二后，運(yùn)行步驟三，然后使用以下命令上傳項目（這樣，當(dāng)把github上的項目下載下來后，需要在本課程的環(huán)境中，用npm start 命令打開服務(wù)器運(yùn)行項目預(yù)覽效果，不能直接點解index.html文件查看效果）

????????2、若要上傳修改路徑后的項目，運(yùn)行完步驟一、步驟二后，使用以下命令上傳項目（這樣，當(dāng)把github上的項目下載下來后，可直接點解index.html文件查看效果，但不能直接在本課程的環(huán)境中，用npm start 命令打開服務(wù)器運(yùn)行項目預(yù)覽效果，二是需要運(yùn)行完步驟一后才行）

? ??????① git add -A ②?git commit -m "push project"?③ git push?)