How to connect jQuery and jQuery UI (or another library using jQuery) at the same time when working with modules (npm)?

Question

Node.js

Good afternoon!
Can't connect and use jQuery UI. Sample code below:

var $ = require('jquery');
var ui = require('jquery-ui');

$('#id').slider();

If you connect through scripts in html, everything naturally works.
I use gulp to build, inside it to build gulp-webpack js files, as follows:

gulp.task('scripts', () => (
  gulp.src('app/slides/index.js')
    .pipe(plumber({errorHandler: errorHandler}))
    .pipe(changed(paths.scripts))
    .pipe(babel())
    .pipe(webpack())
    .pipe(rename((path)=>{
      path.basename = 'index';
    }))
    .pipe(gulp.dest(paths.scripts))
));

Does anyone know how to fix this problem? I will be grateful!!!

Answer 1

var $ = require('jquery');
require('jquery-ui/ui/widgets/slider');

$('#id').slider();

Answer 2

may be

var window.$ = require('jquery');
var window.ui = require('jquery-ui');
$(function(){
    $('#id').slider();
});