Other Configuration

Other Configuration
Laravel Mix
Livewire

Laravel Mix

Important

Please, be sure you're familiar with Laravel Mix before changing or using this configuration.

If you want to use Laravel Mix to compile assets and plugins into single files instead of publishing all the assets and plugins files in the /public/vendor folder, start by installing the following NPM packages:

npm i @fortawesome/fontawesome-free
npm i icheck-bootstrap
npm i overlayscrollbars

Now, add the following to your bootstrap.js file after window.$ = window.jQuery = require('jquery');:

require('overlayscrollbars');
require('bootstrap');
require('../../vendor/almasaeed2010/adminlte/dist/js/adminlte');

Also, replace your app.scss content by the following:

// Fonts
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic');
@import '~@fortawesome/fontawesome-free/css/all.css';
// OverlayScrollbars
@import '~overlayscrollbars/css/OverlayScrollbars.css';
// iCheck
@import '~icheck-bootstrap/icheck-bootstrap.css';
// AdminLTE
@import '../../vendor/almasaeed2010/adminlte/dist/css/adminlte.css';
// Bootstrap
// Already imported by AdminLTE
//@import '~bootstrap/scss/bootstrap';

After preparing the Laravel Mix vendor files, set the enabled_laravel_mix configuration option to true to enable the load of css/app.css & js/app.js files that are located in the public folder.

• enabled_laravel_mix

  Enables Laravel Mix specific css/js load in master layout.

Also, you can change the paths used to lookup for the compiled JS and CSS files using the next configuration options.

• laravel_mix_css_path

  Path (including file name) to the compiled CSS file. This path should be relative to the public folder. Default value is css/app.css

• laravel_mix_js_path

  Path (including file name) to the compiled JS file. This path should be relative to the public folder. Default value is js/app.js

Livewire

Important

Please, be sure you're familiar with Livewire before changing or using this configuration.

This option provides support to the Livewire package. Before enabling livewire support, you must install the livewire package using composer:

composer require livewire/livewire

After that, just enable livewire support in the configuration file:

/*
|--------------------------------------------------------------------------
| Livewire configuration
|--------------------------------------------------------------------------
|
| Here we can modify the livewire configuration.
|
*/

'livewire' => true,

This will setup the @livewireStyles and the @livewireScripts directives correctly on the master.blade.php blade file of this package, as explained on the Livewire Documentation.