溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
親測，webpack打包vue項目之后生成的dist文件可以部署到 express 服務器上運行。
我的vue項目結構如下：
1. 進入該vue項目目錄，打開git bash，執(zhí)行：npm run build(在package.json的scripts配置)
執(zhí)行成功如下圖所示：
然后此時你會發(fā)現(xiàn)項目下多了一個 dist 文件夾，dist下文件便是項目打包之后生成的文件。
此時我們直接在瀏覽器中打開index.html，是會報錯的，什么都看不到。
2. 安裝express-generator生成器
執(zhí)行 $ npm install express-generator -g 進行安裝
3. 創(chuàng)建一個express項目
執(zhí)行 $ express expressDemo （expressDemo是項目名）
expressDemo項目目錄如下圖:
4. 進入expressDemo目錄，安裝項目依賴
$ cd expressDemo $ npm install
5. 把dist目錄下的所有文件復制到express項目的public文件夾下
然后運行 $ npm start 啟動expressDemo
打開瀏覽器，輸入 http://localhost:3000 , 就可以看到效果了
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。
