webpack.config.js

const webpack = require('webpack');
const path = require('path');
const { CheckerPlugin } = require('awesome-typescript-loader');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const SignageOSPlugin = require('@signageos/webpack-plugin');

module.exports = (_env, argv) => {

    if (argv.mode === 'development' && argv.serveIndex) {
        // webpack-dev-server
        require('./tools/cors-anywhere');
    }

    return {
        mode: !process.env.NODE_ENV ? 'development' : process.env.NODE_ENV,
        target: 'web',
        entry: './src/index.ts',
        output: {
            filename: 'index.js',
        },
        resolve: {
            extensions: ['.ts', '.tsx', '.js', '.jsx'],
        },
        module: {
            rules: [
                {
                    test: /\.tsx?$/,
                    loader: 'awesome-typescript-loader',
                    include: path.resolve(__dirname, 'src'),
                    options: {
                        useCache: true,
                        cacheDirectory: 'cache/awesome-typescript',
                        forceIsolatedModules: true,
                        reportFiles: [
                            "src/**/*.{ts,tsx}",
                            "test/**/*.{ts,tsx}",
                        ],
                    },
                },
                {
                    test: /\.m?(t|j)sx?$/,
                    include: [/.+/],
                    exclude: [],
                    //exclude: new RegExp(`node_modules(?!${path.delimiter}(lodash|debug|async|@signageos${path.delimiter}.+))`),
                    use: [
                        {
                            loader: 'cache-loader',
                            options: {
                                cacheDirectory: 'cache/babel',
                            },
                        },
                        {
                            loader: 'babel-loader',
                            options: {
                                presets: [
                                    '@babel/preset-env',
                                ],
                            },
                        },
                    ],
                    enforce: "post"
                },
            ],
        },
        plugins: [
            new webpack.EnvironmentPlugin({
                ...argv.mode === 'development' ? {
                    CORS_ANYWHERE: 'http://localhost:8086/',
                } : {},
            }),
            new CheckerPlugin(),
            new HtmlWebpackPlugin({
                template: 'public/index.html',
                inlineSource: '.(js|css)$', // embed all javascript and css inline
            }),
            new SignageOSPlugin()
		],
    };
};