Webpack favicons 到不同的文件夹

Question

我有两个文件夹 src/images/ 和 src/images/icons。 所有网站图标均采用png 格式。

在src/images/icons 中，我将不同设备的所有网站图标放入了wwwroot/images/icons，所有其他图像放入wwwroot/images。

如何区分图片和网站图标？

现在我有图片：

 {
            test: /\.(png|ico|svg|jpg|gif)$/,
            use: [
                'file-loader?name=/images/[name].[ext]'
            ]
        },

但这会将所有图像复制到dist\images，包括图标，它应该在文件夹dist\images\icons中更深一层

Answer 1

有几种方法可以做到这一点（即使用test 键对文件名、单独的规则等）。但是，这里有一种似乎效果很好且相当明确的方法：

const path = require('path')

module.exports = {
  // ...
  module: {
    rules: [

      {
        test: /\.(png|ico|svg|jpg|gif)$/,
        exclude: /node_modules/,
        use: {
          loader: 'file-loader',
          options: {
            name: function(fullPath) {
              return path.relative(__dirname + '/src', fullPath)
            }
          }
        }
      }

    ]
  }
  // ...
}