webpack.mix.js
let mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| 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.
|
*/
// Fix for the Jquery problem
mix.webpackConfig(webpack => {
return {
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
})
]
};
});
/* JS (generate: manifest.js, vendor.js, app.js)*/
/* jQuery first, then Popper.js (tooltips), then Bootstrap JS */
mix.js('resources/js/app.js', 'public/js')
.extract([
'jquery',
'popper.js', //((positioning engine for tooltips))
//'bootstrap'
]);
/* CSS - Vendor - OK*/
/*mix.styles([
'node_modules/bootstrap/dist/css/bootstrap.css',
'node_modules/jquery-ui/themes/base/core.css',
'node_modules/jquery-ui/themes/base/accordion.css',
'node_modules/smartmenus/dist/addons/bootstrap-4/jquery.smartmenus.bootstrap-4.css',
'node_modules/smartmenus/dist/css/sm-core-css.css',
'node_modules/slick-carousel/slick/slick.css',
'node_modules/slick-carousel/slick/slick-theme.css',
'node_modules/@fancyapps/fancybox/dist/jquery.fancybox.css',
'node_modules/bootstrap-select/dist/css/bootstrap-select.css',
'node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.css',
'node_modules/bootstrap-timepicker/css/bootstrap-timepicker.css',
'node_modules/cookieconsent/build/cookieconsent.min.css',
], 'public/css/vendor.css');*/
/* CSS - Custom - OK */
mix.sass('resources/sass/app.scss', 'public/css');