你知道assets和static的区别吗？

        我们都知道assets和static都是存放静态资源的文件夹，那该如何区别两者呢？

• 相同点：assets和static两个都是存放静态资源文件，项目中所需要的资源文件图片、字体、图标，样式文件等都可以放在着两个文件下面。

• 不同点：

  • assets中存放的静态文件在项目打包时，也就是运行npm run build时会将assets中存放的静态资源文件进行打包上传，所谓打包简单点可以理解为压缩体积、代码格式化，而压缩后的静态资源文件最终也都会放置在static文件中跟着index.html一同上传至服务器。

  • static中放置的静态资源文件就不会走打包压缩格式化等流程，而是直接进入打包好的目录，直接上传至服务器，因为避免了让压缩直接进行上传，在打包时会提高一定的效率，但是static中的资源文件由于没有进行压缩等操作，所以文件的体积也就相对于assets中打包后的文件提交较大点，在服务器中就会占据更大的空间。

• 总结：将项目中template需要的样式文件js文件等都放在assets中，走打包这一流程，减少体积。而项目中引用的第三方文件已经经过处理，不需要再处理，直接上传。