我有一个webpack配置文件和像这样的图像的示例测试：

module: {
       rules : [
           test : /\.(jp?g|png|gif)$/,
           'file-loader?name=[name].[ext]&outputPath=images/'
       ]
   }

我有一个像这样的简单文件结构：

/ src
    / img (1.jpg,2.jpg....)
    / css (a.css,b.css....)
    a bunch of html files

现在当我在我的css文件中引用一个图像时，我写了类似url（'../ img / 1.jpg）的内容，因为我需要上升到一个级别并进入img文件夹，当我在我的html中包含一个图像时需要使用这样的东西： <img data-id="1" src="<%= require('./img/1.jpg') %>" />.

当我运行webpack一切正常但在最终的css文件中没有配置路径！我得到这样的东西：

background: url(src/img/5.jpg);

但它应该是

background: url(../src/img/5.jpg);

因为生成的css文件将位于css文件夹中

换句话说，最终的css文件会进入一个子文件夹，所以图像中的图像引用都应该得到'../'但是它们不会

我希望我足够清楚

here's my file structure

webpack webpack-file-loader