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