Estoy usando webpack-merge para combinar dos archivos webpack.config pero sigo recibiendo el error "TypeError: merge is not a function cuando ejecuto el comando "webpack --config ./config/webpack.config.prod.js "
¿Alguien más se ha encontrado con este problema?
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 })También puedes hacer esto usando cmd.
webpack -m -c ./webpack.config.js -c ./webpack.dev.jso puede crear un script en package.json para un uso más rápido
"scripts": { "build:dev": "webpack -m -c ./webpack.config.js -c ./webpack.dev.js", },Estás importando la merge incorrectamente. Pruébalo así:
const { merge } = require('webpack-merge'); UPD: según el siguiente registro de cambios , comenzando con webpack-merge 5.0.3 y superior, debe usar el código que proporcioné anteriormente. Si la versión es anterior a la 5.0.3, debe usar:
const merge = require('webpack-merge');