webpack.common.js

const path = require('path');

const CleanWebpackPlugin = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');


module.exports = {
    entry: {
        main: ['./src/Index.tsx'],
        polyfill: ['./src/polyfill.ts'],
        styles: ['./src/styles.scss']
    },
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'bundle.[hash].js',
        chunkFilename: '[name].chunk.[hash].js'
    },
    resolve: {
        extensions: [".ts", ".tsx", ".js", ".json"],
        alias: {
            'react-hot-loader': path.resolve(path.join(__dirname, './node_modules/react-hot-loader')),
            react: path.resolve(path.join(__dirname, './node_modules/react')),
        },
    },
    module: {
        rules: [{
            test: /\.tsx?$/,
            exclude: /node_modules/,
            use: [{
                loader: "babel-loader",
                options: {
                    cacheDirectory: true,
                    babelrc: false,
                    presets: [
                        [
                            "@babel/preset-env",
                            {
                                targets: {
                                    node: "current",
                                    browsers: "last 2 versions"
                                }
                            }
                        ],
                        "@babel/preset-typescript",
                        "@babel/preset-react"
                    ],
                    plugins: [
                        ["@babel/plugin-proposal-class-properties", {
                            loose: true
                        }],
                        "react-hot-loader/babel"
                    ]
                }
            }, "tslint-loader"],
        }, {
            enforce: "pre",
            test: /\.js$/,
            loader: "source-map-loader"
        }]
    },
    plugins: [
        new CleanWebpackPlugin(['dist']),
        new CopyWebpackPlugin([{
            from: 'src/static',
            to: 'static'
        }]),
        new CopyWebpackPlugin([{
            from: 'src/browserconfig.xml',
            to: 'browserconfig.xml'
        }]),
        new CopyWebpackPlugin([{
            from: 'src/manifest.json',
            to: 'manifest.json'
        }]),
        new ForkTsCheckerWebpackPlugin({
            checkSyntacticErrors: true
        }),
        new HtmlWebpackPlugin({
            template: path.join(__dirname, 'src', 'index.html')
        })
    ]
};