打包vue項目，並利用webpack運行在本地

打包後的項目生成的dist文件能夠部署到 express 服務器上運行

1. 打包vue項目

（1）cd vue項目

（2）npm run bulid

（3）打包完會生成dist文件夾。如圖：

（4）注意：若是此時打開dist下的index.html

頁面將一片空白，而且報錯

vue打包的項目不能直接打開，由於直接打開的的協議是file，vue項目必須放在服務器上才能打開

2. 利用webpack運行vue項目

(1) cd 到新目錄

（2）安裝express-generator生成器

npm install express-generator -g

（3） 建立一個express項目

express test （test是項目名）

（4）cd test

(5) npm install

(6)把vue項目dist下的全部文件拷貝到webpack項目（test）的public目錄下

（5）npm start

啓動express項目

打開瀏覽器，輸入 http://localhost:3000 便可