How to bundle the tsed project using webpack.

[sibaram3211]

Bundle with webpack is successful. But when I run the project from the bundled file, it doesn't work. In fact, it's not really binding properly. At run time, the model references a different one.

webpack.config file

const webpack = require("webpack");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const path = require("path");
const Dotenv = require("dotenv-webpack");
const packages = require("./package.json");

module.exports = {
    target: "node",
    devtool: "inline-source-map",
    externals: [...Object.keys(packages.dependencies || {})],

    plugins: [
        new Dotenv({
            path: "./.env.development",            
        }),
        new webpack.ProgressPlugin({ activeModules: false, entries: true }),
        new CleanWebpackPlugin()
    ].filter(Boolean),

    entry: [path.resolve(path.join(__dirname, "./src/index"))].filter(Boolean),

    resolve: {
        extensions: [".webpack-loader.js", ".web-loader.js", ".loader.js", ".js", ".jsx", ".ts", ".tsx", ".json"],
        modules: [path.join(__dirname, "..", "src"), "node_modules"]
    },
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: "app.bundle.js",
        libraryTarget: "commonjs2"
    },
    module: {
        rules: [
            {
                test: /\.ts$/,
                exclude: /node_modules/,
                loader: "babel-loader",
                options: {
                    babelrc: true,
                    cacheDirectory: true
                }
            }
        ]
    },
    stats: {
        colors: true,
        modules: true,
        reasons: true,
        errorDetails: true
    },

    node: {
        global: false,
        __filename: false,
        __dirname: false
    }
};

babelrc file

{
    "presets": ["@babel/env", "@babel/preset-typescript"],
    "plugins": [
        "babel-plugin-transform-typescript-metadata",
        ["@babel/plugin-proposal-decorators", { "legacy": true }],
        ["@babel/plugin-proposal-class-properties", { "loose": true }],
        ["@babel/plugin-proposal-private-methods", { "loose": true }],
        ["@babel/plugin-proposal-private-property-in-object", { "loose": true }],
        "@babel/proposal-object-rest-spread"
    ]
}

[Romakita]

Please use issue for that and create a reproducible example.

The cli generate the correct webpack configuration.
See you

[sibaram3211]

Yes,
I have solved the issue, by setting mode="none" in webpack config file.

If the mode is set to production, the tsed library is not being bundled while building.

[Romakita]

Good job ;)