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