webpack.config.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { resolveTsAliases } = require('resolve-ts-aliases');
const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = {
    entry: {
        connection: './src/view/app/Connection',
        fields: './src/view/app/Fields',
        indexes: './src/view/app/Indexes',
        query: './src/view/app/Query',
        welcome: './src/view/app/Welcome',
    },
    output: {
        path: path.resolve(__dirname, 'out/view/app'),
        filename: '[name].js',
    },
    devtool: 'eval-source-map',
    resolve: {
        extensions: ['.js', '.ts', '.tsx', '.json'],
        alias: resolveTsAliases(path.resolve('src/view/tsconfig.json')),
    },
    module: {
        rules: [
            {
                test: /\.(jpg|png|svg|gif)$/,
                loader: 'url-loader',
                options: {
                    limit: 25000,
                    name: 'images/[name].[hash:8].[ext]',
                },
            },
            {
                test: /\.md$/,
                use: [
                    {
                        loader: 'raw-loader',
                    },
                ],
            },
            {
                test: /\.(ts|tsx)$/,
                loader: 'ts-loader',
                options: {},
                exclude: /node_modules/,
            },
            {
                test: /\.css$/,
                use: [
                    {
                        loader: 'style-loader',
                    },
                    {
                        loader: 'css-loader',
                    },
                ],
            },
        ],
    },
    plugins: [
        new CopyWebpackPlugin({
            patterns: [
                { from: './resources/icon', to: '../../resources/icon' }
            ]
        })
    ],
    performance: {
        hints: false,
    },
};