vue或uniapp 图片位置static或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 }))
  }
}