Async components - Vue

.babelrc.js

{
  "presets": ["es2015", "es2016", "es2017"],
  "plugins": ["transform-runtime", "syntax-dynamic-import"]
}

dependency.sh

yarn add babel-plugin-syntax-dynamic-import --dev

webpack.mix.js

const { mix } = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
    .webpackConfig({
        module: {
            rules: [
                {
                    test: /\.(js|vue)$/,
                    enforce: 'pre',

                    loader: 'eslint-loader',
                    options: {
                        failOnError: true,
                    },
                },
            ],
        },
        output: {
            publicPath: '/',
            chunkFilename: 'js/[name].js',
        },
    }).version();