从 webpack-cli 获取错误：webpack 配置中的“TypeError: merge is not a function”

我正在使用 webpack-merge 将两个 webpack.config 文件合并在一起，但我不断收到错误 “TypeError：当我运行命令“webpack --config ./config/webpack.config.prod.js”时，合并不是一个函数

还有其他人遇到过这个问题吗？

webpack.config.prod.js

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent');
const TerserPlugin = require('terser-webpack-plugin');
const commonConfig= require('./webpack.config.common');
const merge = require('webpack-merge');

module.exports = merge(commonConfig, {

    //config code
 
})

您正在导入merge错误地。试试这样：

const { merge } = require('webpack-merge');

UPD:基于以下变更日志 https://github.com/survivejs/webpack-merge/blob/50bf401c7f2d205721e8cfa9a03ea47cf80058ec/CHANGELOG.md#503--2020-07-06， 从...开始webpack-merge5.0.3 及更高版本，您应该使用我上面提供的代码。如果版本低于5.0.3，那么需要使用：

const merge = require('webpack-merge');