Eliksir Laravel z JQuery i JQuery UI

Question

Nie mogę uzyskać interfejsu użytkownika JQuery podczas używania Laravel Elixir z pakietem Webpack.

Oto moje gulpfile.js, nic niezwykłego:

const elixir = require('laravel-elixir'); 

elixir.config.sourcemaps = false; 

elixir(mix => { 
    mix.sass('app.scss') 
     .webpack('app.js'); 
}); 

Mój plik app.js gdzie Próbuję wymagają zarówno jQuery i jQuery UI. Próbowałem wielu rzeczy, ale to jest, gdy jestem na:

window.$ = window.jQuery = require('jquery'); 
window.$ = $.extend(require('jquery-ui')); 

Bez względu na to, co robię, nie wydaje się uzyskać wymagane jQuery UI i pracy.

Answer 1

Wyliczyłem to. jquery-ui, as jest zbudowany i npm nie zawiera pliku dist. Aby rozwiązać ten problem, musisz użyć pliku o nazwie jquery-ui-bundle. Uruchom następującą komendę: npm i -S jquery-ui-bundle.

Następnie wymagają po jQuery

require('jquery'); 
require('jquery-ui-bundle'); 

Nadzieja Oszczędza to ktoś jakiś czas, spędziłem kilka godzin na zastanawianie się, że!

Answer 2

Trzy proste kroki:

1. zainstalować pakiet npm: npm i -S jquery-ui-bundle

2. importu javascript (gdzieś po zaimportowaniu jQuery): require('jquery-ui-bundle');

3. importować style CSS: node_modules/jquery-ui-bundle/jquery-ui.css

Answer 3

npm install jquery-ui-bundle --save

W swoim bootstrap.js dodać to:

window.$ = window.jQuery = require('jquery'); 
window.$ = $.extend(require('jquery-ui-bundle')); 

npm run dev