vue引入assets和static靜態資源問題

2022-09-16 06:21:09 字數 788 閱讀 6552

assets檔案是src下的,所以最後執行時需要進行打包,一般用來存放自己用到的靜態資源;

static檔案不需要打包就直接放在最終的檔案中了,一般用來存放第三方靜態資源。

引入靜態資源方法:js中用import,css中用@import url(...) ,index.html中用link(script)標籤引入。

利用vue-cli腳手架搭建的webpack對各種檔案的編譯一般是配置好的。

第一次使用vue構建工具做專案,業餘時間邊學邊做,好不容易大概懂了一點webpack配置,以及簡單的vue路由、狀態管理,開心的開始了我的單頁面應用。在做了幾個頁面後,想放到伺服器看看,於是進行了build,卻被突如其來的報錯搞懵逼了,在開發環境下,一切正常。error如下:

----------看似尋常最奇崛 成如容易卻艱辛---------es6嚴格模式以及構建工具都開始對js作出規範化要求,未來要踩的坑還很多,加油!

Vue中assets和static的區別

相同點 assets和static兩個都是存放靜態資源檔案。專案中所需要的資源檔案,字型圖示,樣式檔案等都可以放在這兩個檔案下。不相同點 assets中存放的靜態資源檔案在專案打包時,也就是執行npm run build時會將assets中放置的靜態資源檔案進行打包上傳,所謂打包簡單點可以理解為壓縮...

vue中assets和static的區別

相同點 assets和static兩個都是存放靜態資源檔案。專案中所需要的資源檔案,字型圖示,樣式檔案等都可以放在這兩個檔案下 不相同點 assets中存放的靜態資源檔案在專案打包時,會將靜態資源檔案進行打包上傳,所謂打包簡單點可以理解為壓縮體積,格式化。而壓縮後的靜態資源檔案最終也都會放置在sta...

Vue中assets和static資料夾的區別

最近遇到了這樣乙個問題 將同一張分別放入assets資料夾和static資料夾中,通過src屬性直接寫入路徑或通過動態繫結傳入路徑,結果是不太一樣的。在動態繫結中,assets資料夾中的載入不出來,我們來看下面的例子 載入失敗no.1 載入失敗no.2 cars 0 img alt 載入失敗no.3...