image.png
大部分图片都在static 小的图标类不占体积多次引入或css文件丢失assets
assets图片过多会导致打包h5或小程序平台时vendor过大，影响加载首屏速度。
另微信开发工具上传代码2m限制，是忽略static文件夹的的其不会计入。
1 static文件夹：
适用场景：将静态资源文件放置在static文件夹下，这些文件不需要经过Webpack的处理，而是直接复制到输出目录。
适用类型：通常用于放置一些全局的静态资源，如图片、字体文件、第三方库等。
引用方式：可以直接通过相对路径引用，如<img src="/static/logo.png">。
2 assets文件夹：
需要用require引入。
适用场景：将需要经过Webpack处理的资源文件放置在assets文件夹下，这些文件会被视为模块依赖，并根据Webpack的配置进行处理和打包。
适用类型：通常用于放置Vue组件、CSS文件、JavaScript文件中引用的资源，如图片、样式表、字体文件等。
引用方式：需要通过模块引入的方式进行引用，如在Vue组件中使用import或require语句引入资源。
还有一种待定方式，更改vue.config内容手动修改打包输出。
ps 有关Vue CLI和uni-app中图片打包的信息。在Vue CLI中，您可以使用vue.config.js文件来配置图片的打包方式。在uni-app中，static文件夹下的图片会被正常打包，而assets文件夹下的图片可能会被打包进vendor.js。以下是一些可能的解决方案和配置方法：
javascript
// vue.config.js
module.exports = {
chainWebpack: config => {
// 将小的图片打包为单独的文件
config.module
.rule('images')
.use('url-loader')
.loader('url-loader')
.tap(options => Object.assign(options, { limit: 10240 }))
}
}
