CSS图像无法加载Webpack

我正在尝试通过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时,在文件名和扩展名之间存在一种哈希。我不知道这是否会影响人。

CSS图像无法加载Webpack

yhfhr8100 回答:CSS图像无法加载Webpack

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2849394.html

大家都在问