CSS图像无法加载Webpack

Question

我正在尝试通过webpack加载CSS背景图像，但是在编译时我已经得到了：

background:url([object Module])

这些是 webpack.config.js

.setOutputPath('public/build/')
.setPublicPath('/build')

我正在使用文件加载器，正如我在尝试目标模块问题的一些帖子和esModule中所发现的：

.addLoader({
    test: /\.(png|jpg|jpeg|gif|ico|svg|htc)$/i,
    use: [
        {
            loader: 'file-loader',
            options: {
                esModule: false,
            },
        }
    ]
})

这是我的自定义* .js，其中带有* .css要求

.addEntry('home', './assets/js/home.js')

启动yarn encore dev时，所有文件都复制到我的public / build /文件夹中，并生成home.css文件。打开后，我可以看到提到的第一行问题（.header h1{ background:url([object Module]); display:block; float:left; width:150px; height:50px;}）

此外，由于某种原因，当检查复制到构建目录的diles时，在文件名和扩展名之间存在一种哈希。我不知道这是否会影响人。