webpack.mix.js

const mix = require('laravel-mix');
const path = require('path');
const webpack = require('webpack');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */
let config = {
  resolve: {
    alias: {
      'config': 'js/config',
      'lang': 'js/lang',
      'plugins': 'js/plugins',
      'vendor': 'js/vendor',
      'dashboard': 'js/dashboard',
      'home': 'js/home',
      'js': 'js',
    },
    modules: [
      'node_modules',
      path.resolve(__dirname, "resources")
    ]
  },
  plugins: [
    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
  ]
}

if (!process.argv.includes('--hot')) {
  config = Object.assign(config, {
    output: {
      publicPath: "/",
      chunkFilename: 'js/[name].[chunkhash].js'
    }
  })
}

mix.webpackConfig(config)

let themes = [
  'resources/sass/themes/default-theme.scss',
  'resources/sass/themes/gray-theme.scss',
];

themes.forEach((item) => {
  mix.sass(item, 'public/css/themes')
})

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

if (mix.inProduction()) {
  mix.version()
}