执行npm run build触发webpack配置错误该如何解决？

问题根因 #

webpack配置中的CSS处理规则不符合配置规范：loader配置项仅支持传入单个loader的字符串值，当需要配置多个loader时，必须改用use字段。
你当前module.rules数组的第2项（索引为1）配置如下：

{
  test: /\.css$/,
  loader: ["style-loader","css-loader"]
}

此处给loader传了数组，和webpack要求的API schema不匹配，是报错的直接原因。

修复方案 #

把CSS处理规则里的loader字段改成use即可，修改后的对应配置段：

{
  test: /\.css$/,
  use: ["style-loader","css-loader"]
}

修改完成后重新执行npm run build即可正常打包。

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