Vue項(xiàng)目打包dist目錄詳解
vue項(xiàng)目打包dist目錄
如下：
CSS目錄
① .css文件是項(xiàng)目要用到的css文件,當(dāng)你做webpack打包的時(shí)候，會(huì)把所有的css樣式打包到這里
② .css.map文件是一個(gè)Source map文件，Source map就是一個(gè)信息文件，里面儲(chǔ)存著位置信息。也就是說(shuō)，轉(zhuǎn)換后的代碼的每一個(gè)位置，所對(duì)應(yīng)的轉(zhuǎn)換前的位置。目的是幫助我們調(diào)試被壓縮過(guò)的css代碼，只是方便我們開(kāi)發(fā)的時(shí)候做調(diào)試使用。
fonts 目錄
存放的是項(xiàng)目里用到的圖標(biāo)字體樣式及配置。
img
存放的是項(xiàng)目里用到的圖標(biāo)或圖片文件。
js目錄
存放的是項(xiàng)目里的所有js文件，
① app.js：放的是項(xiàng)目中各個(gè)頁(yè)面的邏輯代碼，將格式進(jìn)行了壓縮。
② chunk-vendors.js：放的是通過(guò)import包導(dǎo)入的第三方依賴包。防止該文件體積過(guò)大，可以使用webpack的externals配置。凡是聲明在externals中的第三方依賴包，都不會(huì)被打包。同時(shí)需要在index.html文件的頭部，添加CDN資源引用。
③ 其他.js文件是使用路由懶加載打包后的文件，按需導(dǎo)入路由，文件的名字是路由懶加載配置中的分組名稱。
最后文件
favicon.icon是vue自帶的項(xiàng)目圖標(biāo)，也可自定義自己的替換。
index.html是我們項(xiàng)目前端代碼入口的一個(gè)html文件
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
如何在vue里添加好看的lottie動(dòng)畫(huà)
這篇文章主要介紹了在vue里添加好看的lottie動(dòng)畫(huà)效果的方法，在vue中引入lottie非常簡(jiǎn)單,需要的朋友可以參考下2018-08-08
vue路由組件路徑如何用變量形式動(dòng)態(tài)引入
這篇文章主要介紹了vue路由組件路徑如何用變量形式動(dòng)態(tài)引入問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
利用vue.js把靜態(tài)json綁定bootstrap的table方法
今天小編就為大家分享一篇利用vue.js把靜態(tài)json綁定bootstrap的table方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
vue中報(bào)錯(cuò)“error‘xxx‘?is?defined?but?never?used”問(wèn)題及解決
介紹了兩種解決代碼導(dǎo)入問(wèn)題的方法：?jiǎn)我淮a解決和全局解決,第一種方法是在代碼前面添加特定代碼并保存；第二種方法是在package.json中添加代碼后重啟項(xiàng)目,這些方法可以有效解決導(dǎo)包錯(cuò)誤提示,希望對(duì)大家有幫助2024-10-10
vue增加強(qiáng)緩存和版本號(hào)的實(shí)現(xiàn)方法
這篇文章主要介紹了vue增加強(qiáng)緩存和版本號(hào)的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
less是css預(yù)處理器,對(duì)原先css進(jìn)行了擴(kuò)展和補(bǔ)充,下面這篇文章主要給大家介紹了關(guān)于vue2中l(wèi)ess的安裝以及使用的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
23個(gè)不可錯(cuò)過(guò)的Vue3實(shí)用Hook
@vueuse/core提供了豐富的功能性鉤子,使得處理常見(jiàn)的開(kāi)發(fā)任務(wù)變得更加簡(jiǎn)潔和高效,本文將詳細(xì)介紹如何在Vue3項(xiàng)目中使用?@vueuse/core及其一些極具價(jià)值的功能,需要的可以參考下2024-11-11
詳解vantUI框架在vue項(xiàng)目中的應(yīng)用踩坑
這篇文章主要介紹了詳解vantUI框架在vue項(xiàng)目中的應(yīng)用踩坑,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
vant的Uploader?文件上傳,圖片數(shù)據(jù)回顯問(wèn)題
這篇文章主要介紹了vant的Uploader?文件上傳,圖片數(shù)據(jù)回顯問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
vue2移動(dòng)端+swiper實(shí)現(xiàn)異形的slide方式
這篇文章主要介紹了vue2移動(dòng)端+swiper實(shí)現(xiàn)異形的slide方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03