（阵营+的WebPack）形象开发中，但不生产（文件装载机+图像的WebPack装载机）

Question

一切都在发展的伟大工程，但是当我尝试建立生产，图像不显示在这一页。他们确实显示在正确的文件夹中（即我的生产文件夹中有图像子文件夹，图像存在）。当我查看浏览器中的文件夹（源）时，图像文件夹不存在。由于某些原因，即使webpack正在构建它，似乎反应版本并不知道该文件夹。我猜这是一个反应问题，而不是一个webpack问题，但我仍然对这两个问题都陌生。我发现的所有资源似乎都表明，我拥有的东西应该有效，但我觉得我错过了一些东西。

webpack.config.js：

rules: [ 
     ... 
     { 
     test: /\.(jpe?g|png|gif|svg)$/i, 
     use: [ 
      'file-loader?name=[name].[ext]&publicPath=/&outputPath=images/', 
      'image-webpack-loader' 
     ] 
     }, 
    ] 

在使用中：

<img src={ require('./images/shopping-cart.png') } alt="shopping cart" /> 

编辑：我现在已经显示了它（表面上）的图像的图像文件夹，但是，图像已完全破碎。即使只是从浏览器中检查文件夹也不起作用。

Answer 1

如此看来，答案只是改变“/”到“./”和‘图像/’到“./images/”。我通过实验得出了这个结论。希望答案可以帮助其他人。

rules: [ 
      ... 
      { 
      test: /\.(jpe?g|png|gif|svg)$/i, 
      use: [ 
       'file-loader?name=[name].[ext]&publicPath=./&outputPath=./images/', 
       'image-webpack-loader' 
      ] 
      }, 
     ]