帶節點的Vue-cli

Question

我對同時使用Vue和節點有點困惑。 您可以通過鍵入npm run dev在本地運行Vue-cli應用程序，它在一個端口上運行，然后我還創建了一個帶有一些路由的快速服務器文件，並在另一個端口上運行。 一切都很好......

但是，當它只是客戶端代碼時，為什么Vue-cli必須像運行服務器一樣“運行”？ 這是否意味着在生產中我真的必須同時占用一個應用程序的兩個端口？

Answer 1

不，你將npm build你的前端，並靜態地讓你的快速服務器服務器。 Vue-cli非常有用，因為它可以設置webpack腳手架並實現熱重新加載。

Answer 2

當您使用'npm run dev'時，您啟動webpack服務器，將您的vue代碼“動態”構建為javascript代碼，這樣您就可以通過熱重新加載來處理它，並且您將擁有' http：// localhost '行為而不是' file：//'等

在生產構建中，'npm run build'您將獲得一個javascript文件和一個html文件放在您的服務器上。 如果你使用的是vue-router，你可能需要一些htaccess配置來查看你的網站，但除此之外，你將使用這些文件，如靜態網頁。 例如，我認為可以說apache服務器處理webpack在開發過程中所做的工作。