const path = require('path');

module.exports = {
    entry: {
        shop: './static/js/shop.jsx'
    },
    output: {
        path: path.resolve(__dirname, './static/js'),
        filename: '[name].bundle.js'
    },
    module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                exclude: /node_modules/,
                use: [
                    'babel-loader',
                    {
                        loader: "webpack-preprocessor-loader",
                        options: {
                            debug: false,
                            directives: {
                                render_count: false,
                                options_log: false
                            },
                            params: {
                                ENV: process.env.NODE_ENV,
                                disable_card_highlight: false
                            },
                            verbose: false,
                        }
                    }
                ],
            }
        ]
    },
    resolve: {
        extensions: ['.tsx', '.ts', '.js', '.jsx'],
        "alias": {
            "react": "preact/compat",
            "react-dom/test-utils": "preact/test-utils",
            "react-dom": "preact/compat",     // Must be below test-utils
            "react/jsx-runtime": "preact/jsx-runtime"
        },
    },
    //devtool: "inline-source-map",
    //mode: "development"
    devtool: false,
    mode: "production"
};