webpack.mix.js

const path = require('path');
const mix = require('laravel-mix');
// const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer')

mix.config.vue.esModule = true;

mix
    .js('resources/assets/js/app.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css')

    .sourceMaps()
    .disableNotifications();

if (mix.inProduction) {
    mix.version();
  
    mix.extract([
        'vue',
        'vue-core-image-upload',
        'moment',
        'vue2-timepicker',
        'zxcvbn',
        'vform',
        'axios',
        'vuex',
        'jquery',
        'popper.js',
        'vue-i18n',
        'vue-meta',
        'js-cookie',
        'bootstrap',
        'select2',
        'vue-router',
        'sweetalert2',
        'vuex-router-sync',
        '@fortawesome/fontawesome',
        '@fortawesome/vue-fontawesome'
    ]);
}

mix.webpackConfig({
    plugins: [
        // new BundleAnalyzerPlugin()
    ],
    resolve: {
        extensions: ['.js', '.json', '.vue'],
        alias: {
          '~': path.join(__dirname, './resources/assets/js')
        }
    },
    output: {
        chunkFilename: 'js/[name].[chunkhash].js',
        publicPath: mix.config.hmr ? '//localhost:8080' : '/',
        jsonpFunction: 'webpackJsonp'
    }
})