webpack-dev-server不能加载图片？

Question

webpack配置

//webpack.config.js
var path = require('path')
module.exports = {

entry: { login: ['./public/javascripts/login.jsx'] },
output: {
    path: path.join(__dirname, '/public/bundle'),
    publicPath: "/bundle/",
    filename: '[name].js'
},
module: {
    loaders: [
        {
            test: /\.jsx?$/,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel-loader', // 'babel-loader' is also a legal name to reference
        }, {
            test: /\.css$/,
            //loader: "css-loader",
            use: ['style-loader', 'css-loader']
        }, {
            test: /\.(png|jpg)$/,
            loader: 'url-loader?limit=8192'
        }
    ]
},
devServer: {
    port: 3001
}

};
启动webpack-dev-server后，前端react使用<img src="url">的标签报404错误，加载不到图片，但是打包完之后图片是可以加载出来的，这是为什么？大佬们

Answer 1

如果url是后台传过来数据，要用<img :src='url'/>才行吧

Answer 2

会不会是本地图片路径设置的问题。麻烦查看一下，打包前后图片src的路径是否一致。

Answer 3

在use后面添加 publicPath: "../" 试试
test: /.css$/,
//loader: "css-loader",
use: ['style-loader', 'css-loader']
publicPath: "../"