vue-cli3.0.4中webpack的dist路徑如何修改
webpack的dist路徑修改方式
修改的文件在
node_modules\@vue\cli-service\lib\options.js
如圖,baseUrl最后一個(gè)路徑名字要和outputDir的名字相同
修改后的路徑結(jié)果
另外assetsDir如果有值,那么會(huì)把js,css,img之類(lèi)的靜態(tài)資源放到該值對(duì)應(yīng)的文件夾里去
填了值
webpack配置路徑問(wèn)題
一般寫(xiě)vue項(xiàng)目,結(jié)合vue-cli,webpack使用。
必定會(huì)涉及到組件的引用問(wèn)題
這篇文章主要是教你怎樣改文件的路徑
首先找到build文件夾下面的webpack.base.conf.js這個(gè)文件。
打開(kāi)這個(gè)文件找到
這個(gè)部分
然后開(kāi)始修改這個(gè)部分
如圖:我修改之后的
這樣可以縮減文件導(dǎo)入的路徑
最后一步,也是最重要的一步,一定要重新進(jìn)行npm install。
路徑才會(huì)生效
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue回到頂部監(jiān)聽(tīng)滾動(dòng)事件詳解
這篇文章主要為大家詳細(xì)介紹了vue回到頂部監(jiān)聽(tīng)滾動(dòng)事件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-08-08vue-element-admin開(kāi)發(fā)教程(v4.0.0之前)
本文主要介紹了vue-element-admin開(kāi)發(fā)教程(v4.0.0之前),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04用vue構(gòu)建多頁(yè)面應(yīng)用的示例代碼
這篇文章主要介紹了用vue構(gòu)建多頁(yè)面應(yīng)用的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09vue實(shí)現(xiàn)動(dòng)態(tài)路由添加功能的簡(jiǎn)單方法(無(wú)廢話版本)
ue動(dòng)態(tài)路由(約定路由),聽(tīng)起來(lái)好像很玄乎的樣子,但是你要是理解了實(shí)現(xiàn)思路,你會(huì)發(fā)現(xiàn)沒(méi)有想象中的那么難,下面這篇文章主要給大家介紹了關(guān)于vue實(shí)現(xiàn)動(dòng)態(tài)路由添加功能的簡(jiǎn)單方法,需要的朋友可以參考下2023-02-02Vue下拉框加分頁(yè)搜索功能的實(shí)現(xiàn)方法
開(kāi)發(fā)任務(wù)中有這樣一個(gè)需求,下拉框中需要展示超過(guò)5000條數(shù)據(jù),甚至更多,這數(shù)據(jù)量直接整個(gè)頁(yè)面卡死了,就想到在下拉框中加分頁(yè),下面小編通過(guò)實(shí)例代碼介紹下Vue下拉框加分頁(yè)搜索功能的實(shí)現(xiàn),感興趣的朋友一起看看吧2022-11-11vue實(shí)現(xiàn)登陸登出的實(shí)現(xiàn)示例
本篇文章主要介紹了vue實(shí)現(xiàn)登陸登出的實(shí)現(xiàn)示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09element vue Array數(shù)組和Map對(duì)象的添加與刪除操作
這篇文章主要介紹了element vue Array數(shù)組和Map對(duì)象的添加與刪除功能,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11