Webpack引入图片的实现及常见问题解决
webpack 引入图片的时候，会遇到路径不对的问题，尤其是 CSS 文件中的背景图和 HTML 里的 img 标签。当你使用 webpack 打包时，它会把所有的资源都成模块，路径会变得相对入口 HTML 页面，而不是 CSS 文件本身的路径。这个时候，使用file-loader就能这个问题了。它能帮你把图片复制到输出目录，并返回正确的路径，保证图片正常显示。
你可以通过安装file-loader来 CSS 文件中的图片路径问题。比如，背景图的url()路径不再指向错误的位置，而是指向 webpack 过后的路径。其实就像给 webpack 指明一条正确的路线，避免图片加载失败的麻烦。
，file-loader的配置也简单，只要在 webpack 的配置文件中进行设置即可。设置之后，图片的路径会变得比较靠谱，开发过程中也能避免多路径上的烦恼。如果你还没使用过这个 loader，真的可以尝试一下，挺管用的。遇到图片路径不对的问题，它能给你带来大的便利。
文件大小：135.49KB
评论区