vue中assets和static的區別

Vue中assets和static的區別

再一次框架定型中，與同事在靜態資源的存放上有了一些分歧，後來通過查閱總結以下：

 

相同點：

 

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

 

 

不相同點：

 

assets中存放的靜態資源文件在項目打包時，也就是運行npm run build時會將assets中放置的靜態資源文件進行打包上傳，所謂打包簡單點能夠理解爲壓縮體積，代碼格式化。而壓縮後的靜態資源文件最終也都會放置在static文件中跟着index.html一同上傳至服務器

 

static中放置的靜態資源文件就不會要走打包壓縮格式化等流程，而是直接進入打包好的目錄，直接上傳至服務器。由於避免了壓縮直接進行上傳，在打包時會提升必定的效率，可是static中的資源文件因爲沒有進行壓縮等操做，因此文件的體積也就相對於assets中打包後的文件提交較大點。在服務器中就會佔據更大的空間。因此簡單點使用建議以下：

 

將項目中template須要的樣式文件js文件等均可以放置在assets中，走打包這一流程。減小體積。而項目中引入的第三方的資源文件如iconfoont.css等文件能夠放置在static中，由於這些引入的第三方文件已經通過處理，咱們再也不須要處理，直接上傳。

 

固然具體狀況，具體分析，在不一樣的開發環境，不一樣的需求下，你們應針對不一樣具體狀況採用合適方式。對二者的理解就簡單總結這些。記錄這些，只爲記錄本身的開發點擊，望對你們有幫助。