.vue.webpack.config.js

const webpack = require('webpack');
const path = require('path');
const fs = require("fs");
const VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;

const config = {
    entry: {
        'vue': './js/src/vue/app.js',
    },
    output: {
        filename: 'app.js',
        chunkFilename: "[name].js",
        path: path.resolve(__dirname, 'public/build/vue'),
        publicPath: '/build/vue',
        asyncChunks: true,
        clean: true,
    },
    module: {
        rules: [
            {
                // Vue SFC
                test: /\.vue$/,
                use: ['vue-loader']
            },
            {
                // Build styles
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                // Build styles
                test: /\.scss$/,
                use: ['style-loader', 'css-loader', 'sass-loader'],
            },
        ]
    },
    plugins: [
        new webpack.BannerPlugin(fs.readFileSync(path.resolve(__dirname, 'tools/HEADER'), 'utf8').trim()),
        new VueLoaderPlugin(), // Vue SFC support
        new webpack.ProvidePlugin(
            {
                process: 'process/browser'
            }
        ),
        new webpack.DefinePlugin({
            __VUE_OPTIONS_API__: false, // We will only use composition API
            __VUE_PROD_DEVTOOLS__: false,
            __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
        }),
    ],
    resolve: {
        fallback: {
            'process/browser': require.resolve('process/browser.js')
        },
    },
    mode: 'none', // Force 'none' mode, as optimizations will be done on release process
    devtool: 'source-map', // Add sourcemap to files
    stats: {
        // Limit verbosity to only usefull information
        all: false,
        errors: true,
        errorDetails: true,
        warnings: true,

        entrypoints: true,
        timings: true,
    }
};

module.exports = config;