親測，webpack打包vue專案之後生成的dist檔案可以部署到 express 伺服器上執行。

我的vue專案結構如下：

1. 進入該vue專案目錄，開啟git bash，執行：npm run build(在package.json的scripts配置)

執行成功如下圖所示：

然後此時你會發現專案下多了一個 dist 資料夾，dist下檔案便是專案打包之後生成的檔案。

此時我們直接在瀏覽器中開啟index.html，是會報錯的，什麼都看不到。

2. 安裝express-generator生成器 執行  $ npm install express-generator -g  進行安裝

3. 建立一個express專案 執行  $ express expressDemo （expressDemo是專案名）

expressDemo專案目錄如下圖:

4. 進入expressDemo目錄，安裝專案依賴  $ cd expressDemo                                                                               

 $ npm install                                                                                  

5. 把dist目錄下的所有檔案複製到express專案的public資料夾下

然後執行 $ npm start 啟動expressDemo

開啟瀏覽器，輸入 http://localhost:3000 , 就可以看到效果了

---------------------  作者：音浪豆豆_Rachel  來源：CSDN  原文：https://blog.csdn.net/u014054437/article/details/79981307  版權宣告：本文為博主原創文章，轉載請附上博文連結！