1、在項目目錄(項目的package.json 文件 相同的目錄)下打開命令行。
注：package.json 中包含了 項目運行所需要的配置項，在項目編譯運行是會進行加載
2、執行命令
vue項目： npm run dev 會在開發環境下 立即啟動項目
react項目： npm run start 會在開發環境下 立即啟動項目
npm run build 編譯打包項目
這里執行的命令也是package.json 中 標注的 腳本信息，如果提示命令錯誤，可以打開 package.json 文件 查閱 需要的可執行腳本信息。
3、執行 編譯命令后會在項目目錄下生成 dist 文件夾，里邊放置的就是我們編譯好的前端文件，indexl.html為項目入口。
4、當你打開用瀏覽器打開index.html 會發現什么也不會顯示， 使用 F12 打開調試欄會發現，控制台錯誤。
/
5、這是引用資源路徑的問題。 我們可以打開項目下的 config/index.js 文件 ，找到如下 屬性做更改
這里做更改實際是把默認的絕對路徑改為相對路徑，如果不做修改直接把dist內的文件放入服務器根目錄下也能直接訪問。
6、重新編譯，打開文件
