vue中assets和static的区别

相同点儿:

        assets和static目录都是用来存放项目中的静态文件，包括但不限于项目中使用到的图片，字体图标，样式文件等。

不同点儿：

        assets目录存放的静态文件在运行打包时，会对文件体积进行压缩，对 url 等方式引用的会进行base64转换，对未引用的图片进行过滤，对文件体积压缩有一定的优势。

        static目录存放的静态文件将不走文件打包压缩流程，直接进入打包好的流程，直接上传到服务器上。因为避免了压缩直接上传，在打包时会提高的一定的效率。但static文件不压缩会导致打包后的文件体积较大，所以，建议存放像第三方的资源文件如iconfont.css等文件，因为第三方文件已经经过处理，我们不需要处理，可以直接上传。

下面是我在一个项目demo中进行的一个测试，第一个图片是图片在static目录下打包的体积，第二个是将图片存放在assets目录下打包的体积。

static目录存放的imgs 

 assets目录存放的imgs

在日常开发中，我们要具体问题具体分析，根据不同的需求进行文件放置。