webpack.config.js里的配置文件

 var ROOT = utils.fullPath('../');
var config = {
    entry: {
        main: ["./src/entry/main.js"],
        vendor: ["react-dom", "react", "react-router"]
    },
    output: {
        path: ROOT + '/dist',
        filename: _DEV_ ? 'js/[name].js' : 'js/[name].[chunkhash:8].js',
        //按需加載時(shí)，對應(yīng)生成的文件名
        chunkFilename:  _DEV_ ? 'js/[name].js' : 'js/[name].[chunkHash:8].js',
        publicPath: ''
    },
    module: {
        loaders: [
            {
                test: /\.(js|jsx)$/,
                loader: 'eslint-loader',
                enforce: 'pre',
                options: {
                    formatter: require('eslint-friendly-formatter')
                }
            },
            {
                test:  /\.jsx?$/,
                exclude: /(node_modules|bower_components)/,
                //注意：在配置in-line模式下熱加載的時(shí)候（具體配置查看webpack-dev-js文件），發(fā)現(xiàn)只有css樣式更改的時(shí)候可以實(shí)現(xiàn)熱加載，
                //更改js文件的時(shí)候卻不能實(shí)現(xiàn)熱加載，上網(wǎng)查資料，發(fā)現(xiàn)用react進(jìn)行開發(fā)的時(shí)候，需要再配置一個(gè)react-hot-loader，具體配置
                //寫法如下，這樣就可以實(shí)現(xiàn)js文件的熱更新了。。
                loaders: [
                    'react-hot-loader',
                    'babel-loader?presets[]=react,presets[]=stage-0,presets[]=es2015'
                ]
            },
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: [
                        {
                            loader: 'css-loader',
                            //minimize屬性配置css代碼壓縮
                            options: {minimize: true}
                        },
                        {
                            loader: 'postcss-loader'
                        }
                    ]
                })

            },
            {
                test: /\.less$/,
                //注意，使用less-loader要額外安裝less，不然會報(bào)錯(cuò)
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: [
                        {
                            loader: 'css-loader',
                            options: {sourceMap: true, importLoaders: 1, minimize: true}
                        },
                        {
                            loader: 'postcss-loader'
                        },
                        {
                            loader: 'less-loader',
                            options: {sourceMap: true}
                        }
                    ]
                })
            },
            {
                test: /\.(jpe?g|png|gif|svg|ttf)$/i,
                //注意，使用url-loader要額外安裝file-loader，不然會報(bào)錯(cuò)
                loaders: [
                    'url-loader?limit=8192&name=imgs/[name].[hash:8].[ext]'
                    // 'url-loader?limit=8192&name=imgs/[name].[hash:8].[ext]'
                    // 'image-webpack-loader'  //壓縮圖片
                ]
            }
        ]
    },
    resolve: {
        extensions: [".js", ".jsx"]
    },
    plugins: [
        //生成html模板
        new HtmlWebpackPlugin({
            template: './src/entry/index.html',
            filename: 'index.html'
        }),
        new webpack.optimize.CommonsChunkPlugin({
            names: ['vendor', 'manifest']
        //    //注意：上述寫法是為瀏覽器緩存設(shè)置，我們在項(xiàng)目中提取出來的第三方類庫，由于文件很大，且基本不會改動，所以要利用瀏覽器
        //    //      緩存機(jī)制增加訪問速度，但是存在一個(gè)問題，如果我們用webpack打包的時(shí)候都帶一個(gè)hash值，那么每次打包的文件名都會
        //    //      改變，這樣瀏覽器就不會緩存，所以上述設(shè)置可以讓webpack打包的時(shí)候?qū)Φ谌教崛〉墓参募ash值不變，這樣，瀏覽器
        //    //      就可以緩存了，增加網(wǎng)頁瀏覽速度。要實(shí)現(xiàn)這個(gè)效果，output中filename屬性設(shè)置hash值要用chunkHash
        //    // filename: "vendor.js"
        //    // (給 chunk 一個(gè)不同的名字)
        //    //minChunks: Infinity
        //    // 隨著 入口chunk 越來越多，這個(gè)配置保證沒其它的模塊會打包進(jìn) 公共chunk
        }),
        //css文件打包
        // new ExtractTextPlugin("css/[name].[contenthash:8].css"),
        new ExtractTextPlugin("css/[name].css"),
        new webpack.LoaderOptionsPlugin({
            options: {
                //加css3前綴
                postcss: [precss, autoprefixer]
            }
        }),
        //配置全局常量，在業(yè)務(wù)代碼中可以直接使用（比如在homePage.jsx中可以直接訪問NODE_ENV這個(gè)變量）
        new webpack.DefinePlugin({
            "NODE_ENV": JSON.stringify(process.env.NODE_ENV || 'development')
        })
    ]
};

打包好的文件為：

打開index.html文件后查看未顯示圖片的路徑

控制的臺的錯(cuò)誤信息：

瀏覽器加載的資源文件：

麻煩能看明白的大神給個(gè)正解?。?！非常非常感謝?

-----最新更新

111111.有的圖片能顯示有的圖片不能顯示，他們的路徑不一樣
能顯示出圖片：

不能顯示出圖片：

請問這兩種url路徑為什么不一樣呢？什么導(dǎo)致的呢？
222222.如果我把配置文件里這個(gè)css去掉，不給所有的css文件新建個(gè)文件夾，那么所有的圖片就都能顯示了
這又是為什么呢？

麻煩大神能給出指導(dǎo)，指點(diǎn)迷津啊。???