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