Question

使用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');
});

我的app.js文件是我尝试同时需要JQuery和JQuery UI的地方。我尝试了很多东西，但这就是我所在的地方：

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

无论我做什么，我似乎无法获得所需的JQuery UI。

Answer 1

想出来。 jquery-ui，在scala.ImplicitFunction1[A, B]中构建，不包含dist文件。为了解决这个问题，您必须使用名为npm的文件。运行以下命令jquery-ui-bundle。

然后在jquery之后需要它

npm i -S jquery-ui-bundle

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

Answer 2

npm install jquery-ui-bundle --save

在你的bootstrap.js中添加：

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

npm run dev

Answer 3

三个简单的步骤：