由于vue項(xiàng)目使用的是vue-cli腳手架，在腳手架更新到3.7.0版本后丛版，使用vue create指令生成項(xiàng)目時(shí)并沒(méi)有顯示集成webpack的選項(xiàng)和生成對(duì)應(yīng)配置文件，這使得webpack直接內(nèi)嵌進(jìn)vue項(xiàng)目中鼓黔，我們不再需要進(jìn)行繁瑣的配置茉继，可以使用默認(rèn)的配置就能滿足基本的開(kāi)發(fā)需求盖彭，那么當(dāng)我們希望擴(kuò)展配置以達(dá)成一些操作時(shí)纹烹，我們應(yīng)該怎么去進(jìn)行webpack的相關(guān)配置呢，那就是在vue.config.js該文件下進(jìn)行配置召边，下面展示幾張例圖
如上圖所示铺呵，webpack的相關(guān)配置皆可以隨我們自定義進(jìn)行配置，回歸主題隧熙，那我們的項(xiàng)目要如何打包成帶有訪問(wèn)前綴URL（二級(jí)域名）的vue發(fā)布包呢片挂，關(guān)鍵點(diǎn)便是publicPath這個(gè)屬性，關(guān)于他的官方介紹是這樣的：
//?項(xiàng)目部署的基礎(chǔ)路徑
//?我們默認(rèn)假設(shè)你的應(yīng)用將會(huì)部署在域名的根部,
//?如果你的應(yīng)用部署在一個(gè)子路徑下贞盯，那么你需要在這里
//?指定子路徑音念。比如將你的應(yīng)用部署在
//https://www.foobar.com/my-app/
//?那么將這個(gè)值改為?'/my-app/'
publicPath:'/',
進(jìn)入首頁(yè)路徑上的域名是http://192.168.1.88:80，publicPath默認(rèn)值為'/'邻悬，如果我們希望進(jìn)入首頁(yè)路徑上的域名是http://192.168.1.88:80/qianjing症昏，則將publicPath值改為'/qianjing'即可
關(guān)于自定義打包包名，那次是我就需要用到另一個(gè)屬性了父丰，也就是outputDir這個(gè)屬性了，他的默認(rèn)值是'dist'掘宪，當(dāng)我們對(duì)項(xiàng)目進(jìn)行npm run build時(shí)蛾扇，會(huì)將項(xiàng)目打包成一個(gè)dist文件，那么我們不想要文件名為dist呢魏滚，將項(xiàng)目名作為他的打包名顯然更加合理镀首，那么我們只需將默認(rèn)值'dist'，改為'自定義的項(xiàng)目包名'即可鼠次，例如'my_App_vue'更哄。
