webpack.config.js

const path = require('path');

const ROOT_PATH = path.resolve(__dirname);
const BUILD_PATH = path.resolve(ROOT_PATH, 'dist');

module.exports = {
    mode:"production",
    entry: {
        codeInSample: './src/codeInSample.tsx',
        codeInExecute: './src/codeInExecute.tsx',
    },
    devtool: "none",
    output: {
        library: 'codeInModules',
        libraryTarget: 'assign',
        path: BUILD_PATH,
        filename: '[name].js',
        chunkFilename: '[name].js'
    },
    module: {
        rules: [{
            test: /\.tsx|\.ts$/,
            exclude: /^node_modules$/,
            use: 'ts-loader'
        }, {
            test: /\.jsx|\.js$/,
            exclude: /node_modules/,
            loader: "babel-loader",
            query: {
                presets: ['env', 'react']
            }
        }]
    },
    resolve: {
        extensions: [
            '.js', '.jsx', '.ts', '.tsx'
        ],
        alias: {}
    },
    externals: {
        'react': 'React',
        'react-dom': 'ReactDOM'
    },
};