webpack之引入图片的实现及问题

前言: 本文演示了 webpack如何在css文件中引入图片; webpack如何在html中引入图片; 需要安装配置的loader: file-loader; 为何要使用file-loader: 如果我们希望在页面引入图片(包括img的src和background的url)。当我们基于webpack进行开发时,引入图片会遇到一些问题。 其中一个就是引用路径的问题。拿background样式用url引入背景图来说,我们都知道,webpack最终会将各个模块打包成一个文件,因此我们样式中的url路径是相对入口html页面的,而不是相对于原始css文件所在的路径的。这就会导致图片引入失败。