美文网首页
4. 打包图片资源

4. 打包图片资源

作者: 你好岁月神偷 | 来源:发表于2021-10-26 09:44 被阅读0次

    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. 打包图片资源

          本文链接:https://www.haomeiwen.com/subject/jbeealtx.html