浅谈 Webpack 如何处理图片(开发、打包、优化)(2)

// src 为图片，trace 为loader生成的占位图 import { src, trace } from './assets/images/gakki-363kb.jpg' // 定义图片组件为 export const img = ({ src, trace }) => { const img = new Image() img.src = trace img.onload = function () { img.src = src } return img } // 挂载在 document.body 上 document.body.appendChild(img({ src, trace }))

参考：