VueJS Dynamic Import Using Laravel-Mix - Webpack

panel.js

var master = new Vue({
	el: '#master',

	components: {
		TicketWidget : () => import('./panel/inc/ticket-widget.vue'),
	}
});

panel_dev.js

var master = new Vue({
	el: '#master',

	components: {
		TicketWidget : require('./panel/inc/ticket-widget.vue'),
	}
});

webpack.mix.js

mix.js([
    process.env.NODE_ENV == 'production' ? 'resources/js/panel.js' : 'resources/js/panel_dev.js',
], 'public/dist/panel.js')

// to fix path issue
.webpackConfig({
    output: {
    	publicPath: '/',
    	chunkFilename: 'dist/[name].[chunkhash].js'
    },
})