Webpack删除[name]中的破折号

Question

我在webpack中有以下加载程序：

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

我想替换[name]中的破折号。怎么办？

my-image.png => myimage.png

Answer 1

您可以将customInterpolateName函数传递到您的webpack配置并更改其中的文件名。

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]"
      }
    ]
  }
}

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