jquery - Laravel Elixir 与 JQuery 和 JQuery UI

Question

在 Webpack 中使用 Laravel Elixir 时，我无法获取所需的 JQuery UI。

这是我的 gulpfile.js，没有什么异常:

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

elixir.config.sourcemaps = false;

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

我的 app.js 文件是我试图同时要求 JQuery 和 JQuery UI 的地方。我尝试了多种方法，但这就是我现在的情况:

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

无论我做什么，我似乎都无法获得所需的 JQuery UI 并正常工作。

Answer 1

想通了。 jquery-ui 在 npm 中构建时不包含 dist 文件。为了解决这个问题，您必须使用一个名为 jquery-ui-bundle 的文件。运行以下命令npm i -S jquery-ui-bundle。

然后在jquery之后需要它

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

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