Webpack Striche in [name] entfernen

Question

ich in webpack folgenden Lader haben:

{ 
    test: /\.(png|jpg|jpeg)$/, 
    loader: "url-loader?name=[name].[ext]" 
} 

Ich möchte die Striche in [name] ersetzen. Wie macht man?

my-image.png => myimage.png 

Answer 1

Sie können in einer customInterpolateName Funktion, um Ihre webpack Config geben und den Dateinamen dort ändern.

module.exports = { 
    customInterpolateName: function (loaderContext, name, options) { 
    // access loaderContext via this (e.g. loaderContext.context) 
    return loaderContext.replace(/-/g, ''); 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.(png|jpg|jpeg)$/, 
     loader: "url-loader?name=[name].[ext]" 
     } 
    ] 
    } 
} 

Von: https://github.com/webpack-contrib/file-loader/issues/90#issuecomment-257981311