umijs 怎么配置图片小于多少kb打包成base64?-灵析社区

东三环

umijs 怎么配置图片小于多少kb打包成base64?help 我查看打包出来的文件,好像还是("img",{className:b.state==="doing"?"doingMove":"",style:{background:"#fff",borderRadius:"50%",marginRight:"6px",width:"40px"},src:"/icon/doing.png"})}),(0,e.jsx) chainWebpack(config, { env, webpack }) { // 添加对图片的处理,小于40KB的图片将被打包成Base64 config.module .rule('images') .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/) .use('url-loader') .loader('url-loader') .options({ limit: 1024 * 1024 * 40, // 这里设置限制大小,单位是字节(bytes) name: 'img/[name].[hash:7].[ext]', }) .end(); // 还可以进行其他自定义Webpack配置 return config; }

阅读量:343

点赞量:14

问AI
开挂思想家
"https://umijs.org/docs/api/config#inlinelimit" (https://link.segmentfault.com/?enc=zhojULQfghEtP3Zthn4nug%3D%3D.rLG9vQPqrGxe13mRyn8DwDfnwH%2B0VUXeLd5tvn0zEB%2FZFUmmVIgmL4sgnK7AQ7gh) export default defineConfig({ inlineLimit: 1024*40 // 40kb }) 官网有配置项。注意不要把图片资源放到public,放到src/assets/里面。