Wie verhindere ich, dass Webpack Bilder in meinem Ausgabeordner erzeugt?

Question

Wenn ich webpack starte, kompiliert es meine scss Dateien und konvertiert kleine Dateien in base64. Es kopiert jedoch auch große Bilder aus meinem Ordner /img in den Ausgabeordner. Wie kann ich verhindern, dass webpack dies tut? Ich möchte, dass webpack Verweise auf meine Originalbilder im Bildordner lassen und nicht in den Ausgabeordner kopieren.

webpack erstellt Dateien, die (im Ausgabeordner) sieht wie folgt aus:

5474fbe2d9c2987bc9345fb6cf66fd25.png 

Hier ist meine webpack Konfigurationsdatei:

module.exports = { 
context: path.join(__dirname, "/www"), 
entry: [ 
    "./src/base/style.scss", 
], 
output: { 
    filename: "bundle.css", 
    path: path.join(__dirname, "/www/dist") 
}, 
devtool: "source-map", 
resolve: { 
    extensions: ["", ".scss"] 
}, 
module: { 
    loaders: [ 
     { 
      test: /\.(scss|sass)$/, 
      loader: ExtractTextPlugin.extract('style-loader', 'css-loader', 'sass-loader', 'postcss-loader', 'raw-loader'), 
      exclude: /node_modules/ 
     }, 
     { 
      test: /\.(png|jpeg|jpg|gif|...)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
      loader: 'url-loader?limit=2000' 
     } 
    ], 
    preLoaders: [ 
     { test: /\.(scss)$/, loader: "source-map-loader" } 
    ] 
}, 
postcss: function() { 
    return [autoprefixer, precss]; 
}, 
sassLoader: { 
    includePaths: [path.join(__dirname, 'www/src')] 
}, 
plugins: [ 
    new webpack.optimize.DedupePlugin(), 
    new ExtractTextPlugin('bundle.css') 
] 
} 

Answer 1

Limit auf 1 und Satzname

{ 
    test: /\.(png|jpeg|jpg|gif|...)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
    loader: 'url-loader', 
    query: { 
     limit: 1, 
     name: 'img/[name].[ext]?[hash:5]', 
    } 
}