vue中assets和static的區別


前端經常在靜態資源的存放上有分歧

相同點:
 
assets和static兩個都是存放靜態資源文件。項目中所需要的資源文件圖片,字體圖標,樣式文件等都可以放在這兩個文件下,這是相同點 
 


不相同點:
 
assets中存放的靜態資源文件在項目打包時,也就是運行npm run build時會將assets中放置的靜態資源文件進行打包上傳,所謂打包簡單點可以理解為壓縮體積,代碼格式化。而壓縮后的靜態資源文件最終也都會放置在static文件中跟着index.html一同上傳至服務器
 
static中放置的靜態資源文件就不會要走打包壓縮格式化等流程,而是直接進入打包好的目錄,直接上傳至服務器。因為避免了壓縮直接進行上傳,在打包時會提高一定的效率,但是static中的資源文件由於沒有進行壓縮等操作,所以文件的體積也就相對於assets中打包后的文件提交較大點。在服務器中就會占據更大的空間。所以簡單點使用建議如下:
 
將項目中template需要的樣式文件js文件等都可以放置在assets中,走打包這一流程。減少體積。而項目中引入的第三方的資源文件如iconfoont.css等文件可以放置在static中,因為這些引入的第三方文件已經經過處理,我們不再需要處理,直接上傳。
 
當然具體情況,具體分析,在不同的開發環境,不同的需求下,大家應針對不同具體情況采用合適方式。對兩者的理解就簡單總結這些。記錄這些,只為記錄自己的開發點擊,望對大家有幫助。

 

 

 

 

 

 

.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM