WebPack 1.12.13 Не удается разрешить 'файл' или 'каталог' ./img/readme2.png

Question

Я использую WebPack 1.12.13 и WebPack производит ошибки:

ERROR в ./~/css-loader!./ src/styles/oil.css Модуль не найден: Ошибка: не удается разрешить «файл» или «каталог» ./img/close.png в C: \ react_oil \ src \ styles @ ./~/css-loader !. /src/styles/oil.css 6: 15780-15806

ОШИБКА в ./~/css-loader!./src/styles/oil.css модуль не найден: Ошибка: не удается разрешить 'файл' или ' directory './img/use.png в C: \ react_oil \ src \ styles @ ./~/css-loader!./src/styles/oil.css 6: 17678-17702

Ошибка может быть какой?

WebPack конфигурации:

var path = require('path') 
var webpack = require('webpack') 
var NpmInstallPlugin = require('npm-install-webpack-plugin') 
var autoprefixer = require('autoprefixer'); 
var precss = require('precss'); 
var ExtractTextPlugin = require ('extract-text-webpack-plugin'); 

module.exports = { 
    devtool: 'cheap-module-eval-source-map', 
    entry: [ 
    'webpack-hot-middleware/client', 
    'babel-polyfill', 
    './src/index' 
    ], 
    output: { 
    path: path.join(__dirname, 'dist'), 
    filename: 'bundle.js', 
    publicPath: '/static/' 
    }, 
    plugins: [ 
    new webpack.optimize.OccurenceOrderPlugin(), 
    new webpack.HotModuleReplacementPlugin(), 
    new NpmInstallPlugin(), 
    new ExtractTextPlugin('bundle.css') 
    ], 
    module: { 
    preLoaders: [ 
     { 
     test: /\.js$/, 
     loaders: ['eslint'], 
     include: [ 
      path.resolve(__dirname, "src"), 
     ], 
     } 
    ], 
    loaders: [ 
     { 
     loaders: ['react-hot', 'babel-loader'], 
     include: [ 
      path.resolve(__dirname, "src"), 
     ], 
     test: /\.js$/, 
     plugins: ['transform-runtime'], 
     }, 
     { 
     test: /\.css$/, 
     //loader: "style-loader!css-loader!postcss-loader" 
     loader: ExtractTextPlugin.extract('style-loader', 'css-loader', 'postcss-loader') 
     }, 
     { 
      test: /\.(png|jpg|svg|ttf|eot|woff|woff2)$/, 
      include: /\/node_modules\//, 
      loader: "file?name=[1].[ext]&regExp=node_modules/(.*)" 
     }, 
     { 
      test: /\.(png|jpg|svg|ttf|eot|woff|woff2)$/, 
      exclude: /\/node_modules\//, 
      loader: "file?name=[path][name].[ext]" 
     } 
    ] 
    }, 
    postcss: function() { 
    return [autoprefixer, precss]; 
    } 
} 

структура папок:

node_modules 
src 
|--styles 
     |--oil.css 
|--img 
     |--image files 
webpack.config.js 

Answer 1

test:/\.(png|svg|jpeg|ttf)$/, 
      use:[{ 
      loader:require.resolve("file-loader") + "?name=../[path][name].[ext]"