vue中assets與static的區別

相同點:資源在html中使用，都是可以的

不同點：使用assets下面的資源，在js中使用的話，路徑要經過webpack中file-loader編譯，路徑不能直接寫。

assets中的檔案會經過webpack打包，重新編譯，推薦該方式。而static中的檔案，不會經過編譯。專案在經過打包後，會生成dist資料夾，static中的檔案只是複製一遍而已。簡單來說，static中建議放一些外部第三方，

自己的放到assets，別人的放到static中。

注意：如果把放在assets與static中，html頁面可以使用；但在動態繫結中，assets路徑的會載入失敗，因為webpack使用的是commenjs規範，必須使用require才可以，具體**如下：

html

直接使用路徑

動態繫結路徑

data ()    

}

vue2中assets與static的區別

相同點 資源在html中使用，都是可以的。不同點 使用assets下面的資源，在js中使用的話，路徑要經過webpack中file loader編譯，路徑不能直接寫。assets中的檔案會經過webpack打包，重新編譯，推薦該方式。而static中的檔案，不會經過編譯。專案在經過打包後，會生成di...

vue中檔案在assets與static的區別

相同點 資源在html中使用，都是可以的。不同點 使用assets下面的資源，在js中使用的話，路徑要經過webpack中file loader編譯，路徑不能直接寫。assets中的檔案會經過webpack打包，重新編譯，推薦該方式。而static中的檔案，不會經過編譯。專案在經過打包後，會生成di...

Vue中assets和static的區別

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