How to combine the modules of the webpack through the merge function? - node.js

Question

Through the merge function, in case the version of the web park is development, I try to add a server file to it only in this case. Writes an error. He writes that the types are not correct, but I indicated the same type in both interfaces
An argument of type "Devserver" cannot be assigned to a parameter of type "IgetConfig". The "entry" property is missing in the "I dev Server" type and is mandatory in the "I get Config" type.
return merge(mainConfig, serverTuning);
file dev.config.ts
module.exports = {
devServer: {
port: 3000,
},
};
file webpack config
import { merge } from 'webpack-merge';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import { PlatformPath } from 'path';
const path: PlatformPath = require('path');
interface IdevServer {
devServer: {
port: number;
};
}
const serverTuning: IdevServer = require('./dev.config');
const test = 'main';
const ROOT_DIRECTORY = path.resolve(__dirname, '..');
interface IgetConfig {
entry: {
main: string[];
};
devServer?: {
port: number;
};
}
const getConfig = (mode): IgetConfig => {
const isProduction = mode === 'production';
const isDevelopment = mode === 'development';
return {
entry: {
[test]: ['./src/index.js'],
},
};
};
module.exports = (env, { mode }) => {
const mainConfig = getConfig(mode);
if (mode === 'development') {
return merge(mainConfig, serverTuning);
}
return mainConfig;
};
module.exports = (env, { mode }) => {
const mainConfig = getConfig(mode);
if (mode === 'development') {
return merge(mainConfig, serverTuning);
}
return mainConfig;
};