Question

我少用，这是我对webpack 2的配置。

{
    test: /\.less$/,
    use: ExtractTextPlugin.extract({
      fallback: 'style-loader',
      use: ['css-loader','less-loader']
    })
}

虽然我的文件

中有这样的背景图像值，但效果不错但图片丢失了

.section-one{
    background-color: @red500;
    background-image: url(/images/landing/header.jpg);
    background-position: center;
}

我有错误

获取http://localhost:8080/images/landing/header.jpg 404（未找到）

自从我使用webpack dev服务器

以来，在我的chrome控制台中

Answer 1

较少的装载机不需要对您的问题做任何事情。我解决的方法是这样做：

        {
            test: /\.(jpe?g|png|gif|svg)$/,
            include: helpers.root('src', 'app'),
            loader: "file-loader",
            query: {
                name: 'img/[name].[ext]'
            }
        }

这是加载图片的部分，使用查询设置img /的路径。在您的ts文件中，您需要添加以下行：

要求（ './ IMG /你的图像-name.png'）;

之后，您可以在较少的文件中使用它，如下所示：background-image：url（img / your-image-name.png）;

使用加载程序找不到webpack参考图像

1 个答案: