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

Question

主js文件引入：

webpack.config.js

loader也安装了

Answer 1

楼主遇到的问题可能是 "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 进行引入。