webpack.config.js

const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyPlugin = require('copy-webpack-plugin')
const path = require('path')

module.exports = {
    mode: 'development',
    entry: './src/app.ts',
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/,
            },
            {
                test: /\.[ac]ss$/i,
                use: ['style-loader', 'css-loader'],
            },
        ],
    },
    devtool: 'eval-source-map',
    devServer: {
        contentBase: path.join(__dirname, 'out'),
        compress: true,
        disableHostCheck: true,
        headers: {
            'Access-Control-Allow-Origin': '*',
            'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
            'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
        },
    },
    resolve: {
        extensions: ['.ts', '.js'],
    },
    output: {
        filename: '[name].bundle.js',
        path: path.resolve(__dirname, 'out'),
    },
    optimization: {
        splitChunks: {
            chunks: 'all',
        },
    },
    plugins: [
        new HtmlWebpackPlugin({
            title: 'lcjs-typescript-example',
            template: '!!handlebars-loader!src/index.hbs',
        }),
        new CopyPlugin({
            patterns: [
                { from: 'src/static', to: '' },
                { from: 'node_modules/@lightningChart/lcjs/dist/resources', to: 'resources' },
            ],
        }),
    ],
}