4. 打包图片资源

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 

解决下图中img标签中src属性为"[object Model]"的问题

就这样子吧,有问题请指正!

你可能感兴趣的:(4. 打包图片资源)