overriding loaders

Description:

Right now there is no way to override a load

if i set

mix.webpackConfig({
module: {
        rules: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules\/(?!(vue-strap)\/).*/,
                loader: 'babel-loader' + mix.config.babelConfig()
            }
        ]
    }
});

nothing will happen and my loader will not get executed since they go by order and the original one defined in mix config will be used.

[domstubbs]

It took forever to pin it down, but I eventually managed to get ES5 transpiling working with Foundation with the following config:

mix.js('src/app.js', 'public/')
    .webpackConfig({
        module: {
            rules: [
                {
                    test: /\.jsx?$/,
                    exclude: /node_modules(?!\/foundation-sites)|bower_components/,
                    use: [
                        {
                            loader: 'babel-loader',
                            options: Config.babel()
                        }
                    ]
                }
            ]
        }
    });

[tpraxl]

This Config seems to refer to the global Config object. Try using lowercase config, as this is exported by mix:

// node_modules/laravel-mix/src/index.js
…
module.exports = api;
module.exports.mix = api; // Deprecated.
module.exports.config = Config;