Question

我在webpack中使用较少的加载器，在我的一个样式文件中，我尝试使用以下代码为某个元素设置背景图像：

.slider_params(@width: 100%; @height: auto; @min-height: 50%;) {

    width: @width;
    height: @height;
    min-height: @min-height;
    background-image:  url("../images/wrk_samples__book.jpg");
}

work_samples__item_container {

  .slider_params();

}

但它根本不起作用。控制台不会抛出任何错误，但在我的浏览器中，我仍然无法看到该元素的任何背景图像。我有webpack的url加载器和文件加载器，每次都会将目录中的文件抛出到我的build文件夹中。弄乱路径并尝试从./build加载图像没有帮助，控制台输出错误＆＃34;找不到模块＆＃34;

是什么原因？

Answer 1

好吧，我想出了问题所在。我需要添加〜！文件！到了bg属性的url之后，每个人都会工作

webpack不会将图像作为元素的背景加载

1 个答案: