nineskeletor/assets/app.js

// jquery
import $ from 'jquery'
window.jQuery = $;
window.$ = $;

// jqueryui
import 'jqueryui'
import 'jqueryui/jquery-ui.min.css';

// Bootstrap
require('bootstrap');
require('bootstrap/dist/css/bootstrap.css');

// Fontawesome
require('@fortawesome/fontawesome-free/css/all.css');

// Datatables
require('datatables.net-bs4');
require('datatables.net-bs4/css/dataTables.bootstrap4.min.css');
require('./js/datatables.init.js');

// Select2
require('select2');
require('select2/dist/js/i18n/fr.js');
require('select2/dist/css/select2.css');
require('@ttskch/select2-bootstrap4-theme/dist/select2-bootstrap4.css');
$(() => {
    $('.select2entity').select2(
        {
            theme: 'bootstrap4',
            language: "fr"
        }
    );
});

// Spectrum-colorpicker2
require('spectrum-colorpicker2/dist/spectrum.min.js');
require('spectrum-colorpicker2/dist/spectrum.min.css');

// CropSelectJs
require('crop-select-js/crop-select-js.min.css');
window.CropSelectJs = require('crop-select-js/crop-select-js.min.js');

// iframe-resizer
require('iframe-resizer/js/iframeResizer.min.js');
require('iframe-resizer/js/iframeResizer.contentWindow.min.js');

// Slick
require('slick-carousel/slick/slick.css');
require('slick-carousel/slick/slick-theme.css');
const slick = require('slick-carousel/slick/slick.min.js');
global.slick = slick;

// Imageloaded
const imagesLoaded = require('imagesloaded/imagesloaded.js');
global.imagesLoaded = imagesLoaded;

// Masonry
const masonry = require('masonry-layout/dist/masonry.pkgd.min.js');
global.masonry = masonry;

// Start the Stimulus application
import './bootstrap';

// App sytle
import './styles/font.css';
import './styles/app.css';

// App js
require('./js/app.js');