使用JQuery和JQuery UI的Laravel Elixir

问题描述：

当使用Webpack使用Laravel Elixir时，我无法获得所需的JQuery UI。使用JQuery和JQuery UI的Laravel Elixir

这里是我的gulpfile.js，没有什么不寻常：

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

elixir.config.sourcemaps = false; 

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

我app.js文件是我试图同时需要jQuery和JQuery用户界面。我试过多次的事情，但这个是我在我：

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

不管我做什么，我似乎无法得到JQuery的UI需要和工作。

答

想通了。 jquery-ui，正如内置的并且在npm中不包含dist文件。为了解决这个问题，你必须使用一个名为jquery-ui-bundle的文件。运行以下命令npm i -S jquery-ui-bundle。

然后需要它的jQuery后

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

希望这样可以节省某人一段时间，我花了几个小时搞清楚了这一点！

怎么样的CSS？它不起作用 –

@JagadeshaNH你也使用灵药吗？ –

你把要求？ –

答

三个简单的步骤：

安装NPM包：npm i -S jquery-ui-bundle
导入的JavaScript（后某处jQuery的进口）：require('jquery-ui-bundle');
导入CSS样式：node_modules/jquery-ui-bundle/jquery-ui.css

答

npm install jquery-ui-bundle --save

在你bootstrap.js补充一点：

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

npm run dev

使用JQuery和JQuery UI的Laravel Elixir

相关推荐