WebPACKの1.12.13は、私が使用

Question

WebPACKの1.12.13を./img/readme2.png 'ファイル' または 'ディレクトリ' を解決できませんとのWebPACKは、エラー生成：./~/css-loader!./に

ERRORをsrc/styles/oil.css モジュールが見つかりません：エラー：C：\ react_oil \ src \ stylesの 'file'または 'directory' ./img/close.pngを解決できません。 @ ./~/css-loader !. /src/styles/oil.css 6：15780-15806

ERROR in ./~/css-loader!./src/styles/oil.css モジュールが見つかりません：エラー： 'ファイル'または 'ディレクトリ './img/use.png in 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]"