解决webpack报错: configuration.plugins[0] should be one of these: object { apply, … } | function

现象:

解决webpack报错: configuration.plugins[0] should be one of these: object { apply, … } | function_第1张图片

原因:webpack的plugins不能接受空数组对象,数组中必须至少有一个插件实例

解决webpack报错: configuration.plugins[0] should be one of these: object { apply, … } | function_第2张图片

解决办法:给plugins数组增加一个无害插件实例:new webpack.DefinePlugin({}),

解决webpack报错: configuration.plugins[0] should be one of these: object { apply, … } | function_第3张图片

关于无害插件实例来自ChatGPT的解释:

"无害的插件实例" 是指一个插件实例,它在Webpack的构建过程中不会引入额外的功能或副作用。它不会改变构建的输出或行为,仅仅是一个占位符插件,用于满足Webpack的配置要求,以避免配置错误。

在实际项目中,通常不需要添加无害的插件实例,因为合理配置的插件应该是有明确定义和有用的。然而,在某些情况下,特别是当需要在不同构建模式下切换时,添加一个无害的插件实例可以帮助满足Webpack的配置要求。

例如,在之前的情况中,当你希望在开发模式下不使用任何插件时,为了满足Webpack的配置要求,你可以添加一个空的 DefinePlugin 插件实例,因为它不会引入任何额外的功能或影响构建输出。这个插件实例的作用就是占位,以满足Webpack的期望。

总之,"无害的插件实例" 是一个在Webpack配置中被添加但不会改变构建输出或行为的插件实例,通常用于满足配置要求或临时解决问题。在实际项目中,建议尽量避免使用无害的插件实例,而是使用真正有用的插件来实现所需的功能。

你可能感兴趣的:(webpack)