webpack中的file-loader,url-loader,输出路径

Question

问题

如图把大于8k的图片保存到 dist/images/xxx.png 这样的格式，并且路径正确显示

图片配置

      {

          test: /\.(png|jpg|gif|svg)$/i,

          loaders: [

              'url-loader?limit=8192&name:[name]-[hash:5].[ext]',

              'image-webpack-loader'

          ]

      }

加载的背景图

body{

  background: url("images/img1.jpg");

}

ul{

  width: 500px;

  height: 500px;

  background: url("images/img3.png");

}

img1为小于8k的图片，正常显示

img3为大于8k的图片，不显示，因为路径变了

文件目录