webpack - Webpack 文件加载器无法将图像和图标放在正确的文件夹中

Question

图 1 图 2

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

    alias: {
     'images': path.resolve(__dirname, 'src/assets/img'),
     'icons' : path.resolve(__dirname, 'src/assets/icons')
    }
  },

  // in style.scss
  //background: $backgorund;
  //background: url('~icons/earth.png') center center no-repeat;
  background: url('~images/ironman.png') center center no-repeat;
  // background: url('~images/ironman.png') center center no-repeat;
  background: url('~icons/earth.png') center center no-repeat;

在图片中的所有图像插入图像和图标文件夹中，图像应正确插入（文件夹图像中的ironman.png和文件夹图标中的earth.png）。

有人可以帮忙吗？