vite.config.ts如何配置image-webpack-loader

Question

cnpm i image-webpack-loader -D后不知道怎么配置vite.config.ts，有大神教教我不，谢谢啦

Answer 1

好家伙，一个 Webpack 的插件你要配置给 Rollup（Vite 的背后）？

Answer 2

image-webpack-loader 是 webpack loader，无法用于 vite。vite 拥有开箱即用的功能来处理静态资源。

• JS - import imgUrl from './img.png'
• CSS - url()
• Vue SFC 模板中的资源引用都将自动转换为导入

构建时可以通过选项 build.assetsInlineLimit 配置小于此阈值的导入或引用资源将内联为 base64 编码。