我们都知道assets和static都是存放静态资源的文件夹,那该如何区别两者呢?
-
相同点:assets和static两个都是存放静态资源文件,项目中所需要的资源文件图片、字体、图标,样式文件等都可以放在着两个文件下面。
-
不同点:
-
assets中存放的静态文件在项目打包时,也就是运行npm run build时会将assets中存放的静态资源文件进行打包上传,所谓打包简单点可以理解为压缩体积、代码格式化,而压缩后的静态资源文件最终也都会放置在static文件中跟着index.html一同上传至服务器。
-
static中放置的静态资源文件就不会走打包压缩格式化等流程,而是直接进入打包好的目录,直接上传至服务器,因为避免了让压缩直接进行上传,在打包时会提高一定的效率,但是static中的资源文件由于没有进行压缩等操作,所以文件的体积也就相对于assets中打包后的文件提交较大点,在服务器中就会占据更大的空间。
-
-
总结:将项目中template需要的样式文件js文件等都放在assets中,走打包这一流程,减少体积。而项目中引用的第三方文件已经经过处理,不需要再处理,直接上传。