webpack打包图片没有安装url-loader 和 file-loader为什么都能打包

我是才学习编程的，可能语言组织，或者其它地方描述不明白，希望不要介意。

因为我跟着课程写代码，但是安装了对图片打包的第三方包，然后定义了规则 ：

这是css样式：

我这里把 url-loader 和 file-loader 卸载了：

在浏览器中能正常显示图片：

但是我如果安装了 url-loader 和 file-loader ，定义了规则，反而图片加载不出来，也不会报错，如果不定义这个规则，就能加载出来

这里图片就显示不出来了

还有webpack不能处理js的高级语法，我没有安装处理js高级语法的包为什么也能打印出来

我也遇到了同样的问题

不知道你使用的webpack的版本，我使用的是webpack5.54.0也遇到同样的问题。需要在配置文件中添加一行 type: 'javascript/auto' 。
官网的解释：
在 webpack 5 中使用旧的 assets loader（如 file-loader/url-loader/raw-loader 等）和 asset 模块时，你可能想停止当前 asset 模块的处理，并再次启动处理，这可能会导致 asset 重复，你可以通过将 asset 模块的类型设置为 'javascript/auto' 来解决。

module.exports = {
module: {
rules: [
{
test: /.(png|jpg|gif)$/i,
use: [
{
loader: 'url-loader',
options: {
limit: 8192,
}
},
],
type: 'javascript/auto'
},
]
},
}

这个问题最终是如何解决的？我也遇到了一样的问题，求解，谢谢