Jquery ui 如何将jquery ui与npm（laravel mix）结合使用？

我已经

npm安装了jqueryui。所有这些都被分解成组件，在我使用laravel mix编译的javascript文件中使用它们似乎非常困难

这就是我如何设法调用draggable到一组元素的方法：

require('jquery-ui/themes/base/draggable.css');
var jQuery = require('jquery');
var draggable = require('jquery-ui/ui/widgets/draggable');

var draggableOptions = {
    revert: 'invalid',
    // other options...
    cursor: 'move'
};

$('.resource').each(function(index, resource) {
    new draggable(draggableOptions, $(resource));
});

// The documented approach didn't work because there was no function 'draggable'
// $('.resource').draggable(draggableOptions);

现在，我尝试使用jquery ui效果，如
反弹
或
抖动
，但我无法以任何方式导入和/或调用它们，如上面所述。总的来说，我觉得我做错了，应该更容易些。
今天我自己就是这么做的，我找到了这样的解决办法

编辑您的
/resources/assets/js/app.js
，并添加以下内容：

import$from'jquery'；
window.$=window.jQuery=$；
导入“jqueryui/ui/widgets/autocomplete.js”；
导入“jqueryui/ui/widgets/sortable.js”；

如您所见，您需要添加您想要包含的小部件

资料来源：

我希望它能在路上对你有所帮助。
今天我自己就是这么做的，我找到了这种解决办法

编辑您的
/resources/assets/js/app.js
，并添加以下内容：

import$from'jquery'；
window.$=window.jQuery=$；
导入“jqueryui/ui/widgets/autocomplete.js”；
导入“jqueryui/ui/widgets/sortable.js”；

如您所见，您需要添加您想要包含的小部件

资料来源：

我希望它能在路上帮助你