vue.js中獲取文件路徑時assets與static的區別

總結區別有如下幾點:

　　1.打包時：（都是打包至dist目錄下）

　　　　assets中的文件會被webpack中的file-loader打包，因此在打包的過程當中assets路徑中的文件會被壓縮，耗時間可是節省了空間。而static中的文件則不會被打包，相比assect中的文件打包更快，可是打包完成後文件所佔用空間比較大。

　　2.在文件中直接引用時，都是直接寫入相對路徑。可是在路徑爲動態綁定的時，因爲webpack遵循commonJS規範，因此在給變量名賦值時須要使用require方法。

　　　　eg：assectImg：require（"../../assect/1.jpg"）,而static中則爲：staticImg："../../../static/2.jpg"。而後才能在img標籤下的src中使用以前定義好的路徑。<img src="assectImg"/>   <img src="staticImg"/>