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

时间:2017-04-05 11:18:43

标签: webpack webpack-dev-server webpack-file-loader

Image 1 Image 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)。

有人可以帮忙吗?

0 个答案:

没有答案