Webpack 网页包文件加载器无法将图像和图标放置在正确的文件夹中

Webpack 网页包文件加载器无法将图像和图标放置在正确的文件夹中,webpack,webpack-dev-server,webpack-file-loader,Webpack,Webpack Dev Server,Webpack File Loader,在图像和图标文件夹中插入所有图像的图片中,图像应正确插入(图像文件夹中的ironman.png和图标文件夹中的earth.png) 有人能帮忙吗 { test: /\.(jpe?g|gif|png|jpg|svg)$/i, use: [ 'file-loader?name=assets/img/[name].[ext]', 'file-loader?name=assets/icons/[name].[ext]' // 'file-l

在图像和图标文件夹中插入所有图像的图片中,图像应正确插入(图像文件夹中的ironman.png和图标文件夹中的earth.png)

有人能帮忙吗

{
    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;