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]"的问题

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容