Laravel Elixir với JQuery và JQuery UI

Question

Tôi không thể yêu cầu giao diện người dùng JQuery khi sử dụng Laravel Elixir với Webpack.

Đây là gulpfile.js của tôi, không có gì bất thường:

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

elixir.config.sourcemaps = false; 

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

tập tin app.js của tôi là nơi tôi đang cố gắng để yêu cầu cả hai JQuery và JQuery UI. Tôi đã thử nhiều thứ nhưng đây là nơi tôi đang ở:

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

Không có vấn đề gì tôi làm, dường như tôi không thể yêu cầu giao diện người dùng JQuery.

Answer 1

Đã tìm ra. jquery-ui, như được xây dựng và trong npm không chứa tệp dist. Để giải quyết vấn đề này, bạn phải sử dụng một tệp có tên là jquery-ui-bundle. Chạy lệnh sau npm i -S jquery-ui-bundle.

Sau đó yêu cầu nó sau khi jquery

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

Hy vọng điều này tiết kiệm một ai đó một thời gian, tôi đã dành một vài giờ tìm mà ra!

Answer 2

Ba bước đơn giản:

1. Cài đặt gói NPM: npm i -S jquery-ui-bundle

2. nhập javascript (ở đâu đó sau jquery nhập khẩu): require('jquery-ui-bundle');

3. Nhập các kiểu css: node_modules/jquery-ui-bundle/jquery-ui.css

Answer 3

npm install jquery-ui-bundle --save

Trong bootstrap.js bạn thêm này:

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

npm run dev