webpack.config.js

/* eslint-env node */

const path = require('path');
const { WebpackManifestPlugin } = require('webpack-manifest-plugin');

const config = {
    mode: 'production',
    entry: {
        newsroom_js: path.resolve(__dirname, 'assets/index.ts'),
        companies_js: path.resolve(__dirname, 'assets/companies/index.ts'),
        oauth_clients_js: path.resolve(__dirname, 'assets/oauth_clients/index.ts'),
        users_js: path.resolve(__dirname, 'assets/users/index.ts'),
        products_js: path.resolve(__dirname, 'assets/products/index.ts'),
        'section-filters_js': path.resolve(__dirname, 'assets/section-filters/index.ts'),
        navigations_js: path.resolve(__dirname, 'assets/navigations/index.ts'),
        cards_js: path.resolve(__dirname, 'assets/cards/index.ts'),
        user_profile_js: path.resolve(__dirname, 'assets/user-profile/index.ts'),
        newsroom_css: path.resolve(__dirname, 'assets/style.ts'),
        wire_js: path.resolve(__dirname, 'assets/wire/index.ts'),
        home_js: path.resolve(__dirname, 'assets/home/index.ts'),
        agenda_js: path.resolve(__dirname, 'assets/agenda/index.ts'),
        notifications_js: path.resolve(__dirname, 'assets/notifications/index.ts'),
        company_reports_js: path.resolve(__dirname, 'assets/company-reports/index.ts'),
        print_reports_js: path.resolve(__dirname, 'assets/company-reports/components/index.ts'),
        am_news_js: path.resolve(__dirname, 'assets/am-news/index.ts'),
        am_news_css: path.resolve(__dirname, 'assets/am-news/style.ts'),
        'general-settings_js': path.resolve(__dirname, 'assets/general-settings/index.ts'),
        market_place_js: path.resolve(__dirname, 'assets/market-place/index.ts'),
        media_releases_js: path.resolve(__dirname, 'assets/media-releases/index.ts'),
        monitoring_js: path.resolve(__dirname, 'assets/monitoring/index.ts'),
        factcheck_js: path.resolve(__dirname, 'assets/factcheck/index.ts'),
        common: path.resolve(__dirname, 'assets/common.ts'),
        design_js: path.resolve(__dirname, 'assets/design_pages.ts'),
        company_admin_js: path.resolve(__dirname, 'assets/company-admin/index.ts'),
        firebase_login_js: path.resolve(__dirname, 'assets/auth/firebase/login.ts'),
        firebase_reset_password_js: path.resolve(__dirname, 'assets/auth/firebase/reset_password.ts'),
        firebase_change_password_js: path.resolve(__dirname, 'assets/auth/firebase/change_password.ts'),
        public_js: path.resolve(__dirname, 'assets/public/index.ts'),
    },
    output: {
        path: path.resolve(process.cwd(), 'dist'),
        publicPath: 'http://localhost:8080/',
        filename: '[name].[hash].js',
        chunkFilename: '[id].[hash].js'
    },
    module: {
        rules: [
            {
                test: /\.(ts|tsx|js|jsx)$/,
                include: [
                    path.resolve(__dirname, 'assets'),
                    path.resolve(__dirname, 'node_modules/bootstrap'),
                    path.resolve(process.cwd(), 'node_modules/bootstrap'),
                    process.cwd(), // for app
                ],
                loader: 'ts-loader',
                options: {
                    transpileOnly: true,
                    configFile: path.resolve(__dirname, 'tsconfig.json'),
                },
            },
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader',
                ],
            },
            {
                test: /\.scss$/,
                use: [
                    {loader: 'style-loader'},
                    {
                        loader: 'css-loader',
                        options: {
                            url: (url, resourcePath) => url.startsWith('/') === false,
                        },
                    },
                    {loader: 'sass-loader'},
                ],
            },
            {
                test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)$/i,
                use: [
                    'file-loader',
                ],
            },
        ]
    },
    resolve: {
        extensions: [ '.ts', '.tsx', '.js', '.jsx'],
        modules: [
            path.resolve(__dirname, 'assets'),
            'node_modules',
        ],
        alias: {
            app: path.resolve(process.cwd(), 'app'),
            'moment-timezone': 'moment-timezone/builds/moment-timezone-with-data-10-year-range',
        },
        mainFields: ['browser', 'main'],
    },
    plugins: [
        new WebpackManifestPlugin({writeToFileEmit: true, publicPath: ''}),
    ],
    devServer: {
        compress: true,
        host: '0.0.0.0',
        allowedHosts: 'all', // Allow any hosts in development
        headers: {
            'Access-Control-Allow-Origin': '*',
        },
    },
};

module.exports = config;