文章出處

通過vue-cli創建的工程,默認已經打好了基礎,包含vue-loader webpack。

 

通常我們開發中,使用npm run dev進行開發,webpack會Hot reload,不用我們手動刷新瀏覽器,很是方便。

 

但是真正部署的時候,需要使用npm run build命令。

這一步命令會壓縮代碼,打指紋等等。

 

可以看到dist目錄下是這樣的目錄結構

原來的static目錄內的文件,會原樣不動上傳到dist的static目錄下。

/index.html

/static

----/img

----/js

-------/app.83992983.js

-------/vendor.dklajdkfjwer.js

------/ 更多

---/更多文件省略

 

生產環境下,生成的dist目錄下的文件,上傳到服務器的www目錄下面就可以了。

 

放到apache或者nginx下面都可以,或者node服務器都可以。如果是node,需要使用nginx代理node的端,也就是配置Location啦,不懂得前端同學可以問問后臺。


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()