Vue中assets和static的區別

2021-09-18 02:52:58 字數 600 閱讀 7809

相同點:

assets和static兩個都是存放靜態資源檔案。專案中所需要的資源檔案,字型圖示,樣式檔案等都可以放在這兩個檔案下。

不相同點:

assets中存放的靜態資源檔案在專案打包時,也就是執行npm run build時會將assets中放置的靜態資源檔案進行打包上傳,所謂打包簡單點可以理解為壓縮體積,**格式化。而壓縮後的靜態資源檔案最終也都會放置在static檔案中跟著index.html一同上傳至伺服器

static中放置的靜態資源檔案就不會要走打包壓縮格式化等流程,而是直接進入打包好的目錄,直接上傳至伺服器。因為避免了壓縮直接進行上傳,在打包時會提高一定的效率,但是static中的資源檔案由於沒有進行壓縮等操作,所以檔案的體積也就相對於assets中打包後的檔案提交較大點。在伺服器中就會佔據更大的空間。所以簡單點使用建議如下:

將專案中template需要的css檔案js檔案等都可以放置在assets中,走打包這一流程。減少體積。而專案中引入的第三方的資源檔案如iconfoont.css等檔案可以放置在static中,因為這些引入的第三方檔案已經經過處理,我們不再需要處理,直接上傳。

vue中assets和static的區別

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

Vue中assets和static資料夾的區別

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

vue中的專案目錄assets和staitc的區別

vue中的專案目錄assets和staitc的區別 在進行發行正式版時,即為npm run build編譯後,assets下的檔案如 js css 都會在dist資料夾下面的專案目錄分別合併到乙個檔案下面去,而static檔案下面的檔案則會原封不動的放到dist資料夾下面的目錄中去 所以第三方外掛程...