欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue-cli3.0.4中webpack的dist路徑如何修改

 更新時(shí)間:2022年04月06日 09:04:07   作者:大貓會(huì)長(zhǎng)  
這篇文章主要介紹了vue-cli3.0.4中webpack的dist路徑如何修改,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

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 的雙向綁定原理與用法揭秘

    Vue 的雙向綁定原理與用法揭秘

    這篇文章主要介紹了Vue 的雙向綁定原理與用法,結(jié)合實(shí)例形式總結(jié)分析了Vue 的雙向綁定基本原理、功能、用法及注意事項(xiàng),需要的朋友可以參考下
    2020-05-05
  • vue回到頂部監(jiān)聽(tīng)滾動(dòng)事件詳解

    vue回到頂部監(jiān)聽(tīng)滾動(dòng)事件詳解

    這篇文章主要為大家詳細(xì)介紹了vue回到頂部監(jiān)聽(tīng)滾動(dòng)事件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-08-08
  • vue-element-admin開(kāi)發(fā)教程(v4.0.0之前)

    vue-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)用的示例代碼

    這篇文章主要介紹了用vue構(gòu)建多頁(yè)面應(yīng)用的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-09-09
  • 初試vue-cli使用HBuilderx打包app的坑

    初試vue-cli使用HBuilderx打包app的坑

    這篇文章主要介紹了初試vue-cli使用HBuilderx打包app的坑,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • vue實(shí)現(xiàn)動(dòng)態(tài)路由添加功能的簡(jiǎn)單方法(無(wú)廢話版本)

    vue實(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-02
  • Vue下拉框加分頁(yè)搜索功能的實(shí)現(xiàn)方法

    Vue下拉框加分頁(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-11
  • vue實(shí)現(xiàn)登陸登出的實(shí)現(xiàn)示例

    vue實(shí)現(xiàn)登陸登出的實(shí)現(xiàn)示例

    本篇文章主要介紹了vue實(shí)現(xiàn)登陸登出的實(shí)現(xiàn)示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-09-09
  • element vue Array數(shù)組和Map對(duì)象的添加與刪除操作

    element vue Array數(shù)組和Map對(duì)象的添加與刪除操作

    這篇文章主要介紹了element vue Array數(shù)組和Map對(duì)象的添加與刪除功能,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-11-11
  • Vuei18n 在數(shù)組中的使用方式

    Vuei18n 在數(shù)組中的使用方式

    這篇文章主要介紹了Vuei18n 在數(shù)組中的使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-08-08

最新評(píng)論