vue项目中assets 和 static 文件夹存放资源的区别

vue项目中assets 和 static 文件夹存放资源的区别

相同点

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

不同点

assets中的资源文件在npm run build打包是会被webpack 处理，对内部的资源文件进行压缩格式化等操作，最终放到static文件夹中和index.html一起上传

static 中放置的静态资源文件就不会要走打包压缩格式化等流程， 而是直接进入打包好的目录， 直接上传至服务器。

建议

需要打包处理的样式文件和js文件存放到assets中。减少体积
项目中引入的第三方的资源文件如 echarts 等文件可以放置在 static 中,第三方文件已做过处理无需处理可直接上传