Question

我有两个文件夹src/images/和src/images/icons。所有favicons都是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)
            }
          }
        }
      }

    ]
  }
  // ...
}

Webpack favicons到不同的文件夹

1 个答案: