vue項目打包步驟及運行打包項目

（1）項目打包

    終端運行命令 npm run build

    打包成功的標志與項目的改變，如下圖：

點擊index.html，通過瀏覽器運行，出現以下報錯，如圖：

 

那么應該如何修改呢？
    具體步驟如下：

1、查看package.js文件的scripts命令
2、打開webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl點擊，跳轉到index.js文件
3、其中dev是開發環境，build是構建版本，找到build下面的assetsPublicPath: '/',然后修改為assetsPublicPath: './',即“/”前加點。
4、終端運行 npm run build 即可。

    此時點擊index.html，通過瀏覽器運行便，發現動態綁定的static的圖片找不到，故static必須使用絕對路徑。將圖片路徑修改為絕對路徑，至此，打包完成。

 

（2）運行打包項目

    需要開啟服務運行 
    使用http-server 運行（如沒有安裝http-server的，使用node 全局安裝 http-server 即可，cnpm install http-server -g） 

cd dist 
http-server 

    

 

 

 

 

 

.