1)处理样式中引入图片资源
loader: url-loader;
下载loader: npm install url-loader file-loader --save-dev | npm i url-loader file-loader -D
下载 file-loader的原因:url-loader 依赖于 file-loader 的。
url-loader 传送门:https://www.npmjs.com/package/url-loader
file-loader 传送门:https://www.npmjs.com/package/css-loader

如果图片资源小于 limit 所设置的大小时,图片资源会变成一个base64编码的字符串,放到页面上会自动显示了,所以不会在打包后的文件中看到该图片。
2)处理通过 img 标签的形式引入图片资源
loader: html-loader;
下载loader: npm install html-loader --save-dev | npm i html-loader -D
html-loader 传送门:https://www.npmjs.com/package/html-loader


就这样子吧,有问题请指正!
网友评论