I have an express server that is written in es5 and es6 combined. It consists of js and ts files. So now when I make a webpack build and start the server, it runs fine. But if my code throws an error then the error tracing is not correct i.e source of error (file, line and column number) is not showing correctly. Is there a way to map the bundle with the source?

I have tried adding: devTool: "source-map" to webpack config but it doesn't work, it seems to be working with the browser. Is there any way to achieve the same for server-side as well?

Here is my webpack.config.js

const nodeExternals = require("webpack-node-externals");
const webpack = require("webpack");
const path = require("path");

module.exports = {
    stats: "detailed",
    target: "node",
    externals: [nodeExternals()],
    entry: {
        app: "./server.js",
        backupCronApp: "./backup/cron/index.js"
    },
    output: {
        path: path.join(__dirname, "/build"),
        filename: "[name].js",
        libraryTarget: "commonjs2",
    },
    plugins: [new webpack.EnvironmentPlugin(["NODE_ENV"])],
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: "babel-loader",
            },
            {
                test: /\.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/,
            },
        ],
    },
    resolve: {
        extensions: ['.ts', '.js'],
    },
};