项目打包后asset静态资源里图片变少了（Vite使用的坑）

问题描述：

项目中使用的图片有十几张，但是打包出来后dist里面的asset图片变少了。但跑项目没问题。

原因：

通过查看测试环境的项目发现，图片被转化为base64格式了。如图：

 解决：

在vite.config.ts文件里增加配置，该配置是决定文件小于多少（kb单位）会转化为base64编码。

export default ({ mode } : ConfigEnv) : UserConfig => {
  ...
    resolve : {
      alias : [
        {
          find : '@',
          replacement : resolve(__dirname, '../src'),
        },
      ],
      extensions : ['.ts', '.js'],
    },
    ...
    plugins : [
      ...
    ],
    // 增加新的配置
    build:{
      assetsInlineLimit: 1
    }
  }

 vite官网解释：

 欢迎留言讨论~