能否在CopyWebpackPlugin的from配置中使用数组设置文件路径？

当然可以在from选项中使用数组来设置多个文件路径！不过得结合插件版本和配置规则来写，才能让它正常工作。

你的写法是否有效？ #

在CopyWebpackPlugin v6及以上版本中，单个Pattern对象的from选项确实支持传入字符串数组，所以你给出的示例代码是可以正常运行的：

new CopyWebpackPlugin([
  { 
    from: [ './dir1/file1', './dir2/file2' ], 
    to: 'assets/' 
  }
])

这段代码会把./dir1/file1和./dir2/file2这两个文件都复制到输出目录下的assets/文件夹中。

更灵活的替代写法 #

如果你需要为不同文件配置不同的规则（比如自定义输出路径、是否扁平化目录、添加转换逻辑等），更推荐将每个文件拆分为独立的Pattern对象：

new CopyWebpackPlugin([
  { 
    from: './dir1/file1', 
    to: 'assets/file1-custom-name.js', // 自定义输出文件名
    flatten: true 
  },
  { 
    from: './dir2/file2', 
    to: 'assets/subdir/', // 输出到子目录
    transform: (content) => content.toString().replace('foo', 'bar') // 内容转换
  }
])

注意事项 #

• 路径基准：from中的相对路径默认以webpack配置里的context选项为基准（通常是项目根目录），如果需要修改基准，可以在Pattern对象中添加context字段。
• 文件冲突：如果多个文件复制后重名，后面的文件会覆盖前面的，建议确保输出文件名唯一。
• 版本兼容：如果使用v5及以下版本的CopyWebpackPlugin，from选项不支持数组，必须拆分为多个Pattern对象。

内容的提问来源于stack exchange，提问作者mazza