webpack图片引入提示没有对应模块

问题描述

问 题

主js文件引入：

webpack.config.js

loader也安装了

解决方案

楼主遇到的问题可能是 "include" 没配置好。
上面引入失败的图片的路径是 "libs/emoji/image/xxx.png"，但楼主的 loader 里的 "include" 把 loader 的有效作用域限定在了 "libs/image" 目录下，所以这个 loader 对上面的图片是无效的。
可以考虑把 "libs/emoji/image" 这个文件夹也加到 "include" 数组里。

另外，按照楼主想要的效果，这里应该用 url-loader 而不是 file-loader。
https://github.com/webpack/ur...
url-loader 的效果是对于小于 limit 的文件，以 "data url" 的方式引入；对于大于 limit 的文件，则自动改用 file-loader 进行引入。

这篇关于webpack图片引入提示没有对应模块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！