（1）打包項目前端
1、yarn run build或者2、npm run build
打包後，webpack會自動在根目錄生成build文件，裏面存放着相關文件node
（2）運行打包項目&&跨域分析webpack
1) 與服務器端項目獨立運行nginx
問題: 存在 ajax 請求跨域問題 解決: 由服務器端工程師配置代理服務器(前端工程師不用親自操做)
這種即是
有跨域狀況，項目與服務端運行在不一樣服務器或端口下。
這裏說到通常是由後端工程師處理的，咱們做爲前端簡單瞭解下。須要使用nginx工具
該工具主要用來給後端開發人員作集羣的，還能夠用來作代理服務器，接下來介紹下nginx實現生產環境下的服務器代理。web
注意：該文件不能在中文路徑下運行，因此須要注意。
點擊運行後，並不會出現運行界面，須要在任務管理器裏查看。ajax
而後查看相應進程，會有對應的啓動服務。npm
接下來看下配置文件後端
2) 合併到服務端項目一塊兒運行
再也不有 ajax 請求跨域問題
這裏咱們採用方式2，直接將打包文件build中的文件放到node後臺搭建項目的根目錄下的public目錄下，以下所示。這種即是無跨域狀況.跨域
直接將build下打包生成的文件放過來，而後運行項目便可正常預覽服務器
如今啓動服務端，直接預覽便可
.