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

转载于:https://www.cnblogs.com/flower-y/p/11532505.html