總結區別有以下幾點:
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"/>