導(dǎo)讀：本文主要介紹使用 vue-cli 構(gòu)建項目后的打包和發(fā)布這兩方面的內(nèi)容
一項目打包
- 1 打包的配置在 build/webpack.base.conf.js文件下
打包配置
常量config在vue/config/index.js 文件下配置凉唐，__dirname是定義在項目的全局變量蚓曼，是當(dāng)前文件所在項目的文件夾的絕對路徑幢妄。
__dirname的定義
- 2 需要修改vue/config/index.js 文件下的將build對象下的assetsPublicPath中的“/”，改為“./”
vue/config/index.js配置
-3 采用npm run build打包
打包
-4 打包成功后，會發(fā)現(xiàn)在項目根目錄增加一個文件夾dist
打包成功后項目目錄
image.png
用瀏覽器打開dist文件下的index.html
index.html
瀏覽器打開主頁面
瀏覽器打開dist文件下的index.html后，頁面正常，則說明打包成功了，可以發(fā)布到服務(wù)器上韵洋。
二項目發(fā)布
由于我是.net 的后臺開發(fā)者，在此先介紹在IIS服務(wù)器上對vue-cli 構(gòu)建項目的發(fā)布
-
打開IIS管理器岸夯，新建一個網(wǎng)站VueProject
image.png
image.png
點擊確定麻献，項目就發(fā)布出去了。
用瀏覽器打開http://192.168.0.89:10222
發(fā)布后項目預(yù)覽
結(jié)束：以上都是我自學(xué)研究的結(jié)果猜扮，水平有限勉吻，歡迎指正。
