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"/>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM