webpack.config.js

const VueLoaderPlugin = require('vue-loader/lib/plugin')
const path = require('path');

module.exports = (env, argv) => {
    return {
        entry: ['@babel/polyfill', './src/js/main.ts'],
        output: {
            filename: 'bundle.js',
            path: path.join(__dirname, 'webroot/js')
        },
        resolve: {
            extensions: [".ts", ".js"],
        },
        plugins: [
            new VueLoaderPlugin()
        ],
        module: {
            rules: [
                {
                    test: /\.js$/,
                    exclude: /node_modules/,
                    use: [
                        {
                            loader: 'babel-loader',
                            options: {
                                presets: [['@babel/preset-env', {modules: false}]]
                            }
                        }
                    ]
                },
                {
                    test: /\.ts$/,
                    exclude: /node_modules/,
                    use: [
                        {
                            loader: 'babel-loader',
                            options: {
                                presets: [['@babel/preset-flow']]
                            }
                        }
                    ]
                },
                {
                    test: /\.vue$/,
                    exclude: /node_modules/,
                    loader: 'vue-loader'
                }
            ]
        },
        devtool: 'source-map'
    };
};