Discussion on: Laravel tips: set resolve alias in Laravel mix

[Brian Monsales]

This will not work on the latest laravel-mix. laravel-mix.com/docs/4.0/extending...

[Brian Monsales]

mix.extend('exampleConfig', new class {
webpackConfig(webpackConfig) {
webpackConfig.resolve.extensions.push('.js', '.vue', '.json'); // you don't need this on v4
webpackConfig.resolve.alias = {
'vue$': 'vue/dist/vue.esm.js',
'@': __dirname + '/resources/assets/js'
};
}
});

and lastly, call it on last: mix.exampleConfig();

[Kay Gosho]

Thank you for pointing out!

[Bole Chen]

use this laravel-mix.com/index.php/extensio...

[Gustavo Vasquez]

It is working for me in the latest laravel-mix:

mix.webpackConfig({
    resolve: {
        alias: {
            '@models': path.resolve(__dirname, 'resources/js/models/'),
            '@services': path.resolve(__dirname, 'resources/js/services/'),
            '@sections': path.resolve(__dirname, 'resources/js/sections/'),
            '@components': path.resolve(__dirname, 'resources/js/components/'),
        }
    }
});

[PatricNox]

Thanks! This is the cleanest way.