webpack.mix.js

/*
 * Qubely_Starters uses Laravel Mix
 *
 * Check the documentation at
 * https://laravel.com/docs/7.x/mix
 */

let mix = require('laravel-mix');

// BrowserSync and LiveReload on `npm run watch` command
// Update the `proxy` and the location of your SSL Certificates if you're developing over HTTPS
mix.browserSync({
	proxy: 'http://wpdev.local',
	// https: {
	// 	key: '/your/certificates/location/your-local-domain.key',
	// 	cert: '/your/certificates/location/your-local-domain.crt'
	// },
	files: [
		'**/*.php',
		'assets/dist/css/**/*.css',
		'assets/dist/js/**/*.js'
	],
	injectChanges: true,
	open: false
});

mix.webpackConfig({
	externals: {
		'react': 'React',
		'react-dom': 'ReactDOM'
	}
});

// Autloading jQuery to make it accessible to all the packages
// You can comment this line if you don't need jQuery
mix.autoload({
	jquery: ['$', 'window.jQuery', 'jQuery'],
});

mix.setPublicPath('./assets/dist');

// Compile assets
mix.js('assets/src/scripts/app.js', 'assets/dist/js')
	.js('assets/src/scripts/admin.js', 'assets/dist/js')
	.js('assets/src/scripts/customizer-preview.js', 'assets/dist/js')
	.react('inc/Api/Customizer/reactjs/src/customizer-controls.js', 'assets/dist/js')
	.react('inc/Custom/Schema/reactjs/src/qubelystarters-schema.js', 'assets/dist/js')
	.react('inc/Custom/Page/reactjs/src/qubelystarters-page-settings.js', 'assets/dist/js')
	.react('inc/Setup/Settings/reactjs/src/qubelystarters-dashboard.js', 'assets/dist/js')
	.sass('assets/src/sass/style.scss', 'assets/dist/css')
	.sass('assets/src/sass/admin.scss', 'assets/dist/css')
	.sass('inc/Api/Customizer/reactjs/src/sass/all-controls.scss', 'assets/dist/css')
	.sass('inc/Setup/Settings/reactjs/src/sass/dashboard.scss', 'assets/dist/css')

// Add versioning to assets in production environment
if (mix.inProduction()) {
	mix.version();
}