Website/webpack.config.js

const Encore = require('@symfony/webpack-encore');
const {TsconfigPathsPlugin} = require('tsconfig-paths-webpack-plugin');
const path = require('path');
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');

if (!Encore.isRuntimeEnvironmentConfigured()) {
    Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev');
}
const TS_CONFIG_PATH = path.resolve('tsconfig.json');

Encore
    // Paths and Files
    .setOutputPath('public/build/')
    .setPublicPath('/build')
    .copyFiles({
        from: './assets/',
        to: '../[path][name].[ext]'
    })
    .addEntry('app', './src/Framework/app.ts')

    // Webpack
    .splitEntryChunks()
    .enableSingleRuntimeChunk()
    .cleanupOutputBeforeBuild()
    .enableBuildNotifications()
    .enableSourceMaps(!Encore.isProduction())
    .enableVersioning(Encore.isProduction())

    // Packages
    .configureBabelPresetEnv((config) => {
        config.useBuiltIns = 'usage';
        config.corejs = '3.23';
    })
    .enableStimulusBridge('./src/Framework/Package/controllers.json')
    .enableSassLoader()
    .enablePostCssLoader()
    .enableTypeScriptLoader(function tsconfigCallback(tsConfig) {
        tsConfig.configFile = TS_CONFIG_PATH;
    })
    .enableForkedTypeScriptTypesChecking(function (forkedTsConfig) {
        forkedTsConfig.typescript = {
            configFile: TS_CONFIG_PATH
        };
    })
    .addPlugin(new BrowserSyncPlugin({
        proxy: 'http://localhost:8000',
        files: [
            'src/**/*.twig',
            'src/**/*.scss',
            'src/**/*.ts',
        ],
        reload: true,
        open: true,
        notify: false
    }))
    .addAliases({
        '@component': path.resolve(__dirname, 'src/Component')
    })
;

const config = Encore.getWebpackConfig();
config.resolve.plugins = [
    new TsconfigPathsPlugin({
        configFile: TS_CONFIG_PATH,
    })
];

module.exports = config;