vue如何才能正確打包,檔案載入不會出錯

2021-08-15 13:35:11 字數 557 閱讀 5860

1.修改css檔案的載入路徑

修改在專案根目錄中的build目錄中util.js,你不修改的話打包出來的路徑是在static/css下的,舉個例子如果你的css檔案中在開發環境中引入了乙個字型檔案,但是打包後他css檔案尋找路徑是在static/css/你的字型檔案,static/css顯然不是我們想要的,我們的目錄是往上兩個層級目錄中的。因此要加上注釋中的標明的語句

// extract css when that option is specified

// (which is the case during production build)

if (options.extract) )

} else

2.修改打包後載入檔案路徑

找到config/index.js,

在那個build的物件中修改assetpulblic的值為./

userimg:require('@/static/images/default_user.png')//使用者頭像
還是要給webpack進行解析

webpack打包 vue檔案

在webpack中配置.vue元件頁面的解析 vue loader 1 執行npm i vue s將vue安裝為執行依賴 2 運cnpm i vue loader vue template compiler d將解析轉換vue的包安裝為開發依賴 3 執行npm i style loader css ...

vue檔案是如何被引用載入

1.2 vue檔案引用 在沒接觸vue教程時,比較好奇vue檔案是如何被引用的,後來系統地學習了一遍,雖然當時明白了,但還是記錄下,畢竟好記性不如爛筆頭 例子demo header article list li ul div footer div template import header fr...

如何才能正確的關閉Socket連線

從tcp協議角度來看,乙個已建立的tcp連線有兩種關閉方式,一種是正常關閉,即四次揮手關閉連線 還有一種則是異常關閉,我們通常稱之為連線重置 reset 首先說一下正常關閉時四次揮手的狀態變遷,關閉連線的主動方狀態變遷是fin wait 1 fin wait 2 time wait,而關閉連線的被動...