Laravel Elixir使用JQuery和JQuery UI

Jea*_*lis 6 jquery jquery-ui laravel webpack laravel-elixir

使用Laravel Elixir和Webpack时,我无法获得JQuery UI.

这是我的gulpfile.js,没什么不寻常的:

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

elixir.config.sourcemaps = false;

elixir(mix => {
    mix.sass('app.scss')
       .webpack('app.js');
});
Run Code Online (Sandbox Code Playgroud)

我的app.js文件是我试图同时需要JQuery和JQuery UI的地方.我尝试了很多东西,但这就是我所处的位置:

window.$ = window.jQuery = require('jquery');
window.$ = $.extend(require('jquery-ui'));
Run Code Online (Sandbox Code Playgroud)

无论我做什么,我似乎都无法获得所需的JQuery UI和工作.

Jak*_*tre 7

弄清楚了.jquery-ui,因为内置并且npm不包含dist文件.为了解决这个问题,你必须使用一个名为的文件jquery-ui-bundle.运行以下命令npm i -S jquery-ui-bundle.

然后在jquery之后需要它

require('jquery');
require('jquery-ui-bundle');
Run Code Online (Sandbox Code Playgroud)

希望这可以节省一些时间,我花了几个小时搞清楚!