使用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需要和工作。

來源

2016-11-04 Jean-Luc Tallis

想通了。 jquery-ui，正如內置的並且在npm中不包含dist文件。爲了解決這個問題，你必須使用一個名爲jquery-ui-bundle的文件。運行以下命令npm i -S jquery-ui-bundle。

然後需要它的jQuery後

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

希望這樣可以節省某人一段時間，我花了幾個小時搞清楚了這一點！

來源

2016-12-10 21:15:54

怎麼樣的CSS？它不起作用 –

@JagadeshaNH你也使用靈藥嗎？ –

你把要求？ –

三個簡單的步驟：

安裝NPM包：npm i -S jquery-ui-bundle
導入的JavaScript（後某處jQuery的進口）：require('jquery-ui-bundle');
導入CSS樣式：node_modules/jquery-ui-bundle/jquery-ui.css

來源

2017-05-13 13:00:26 jkgh

npm install jquery-ui-bundle --save

在你bootstrap.js補充一點：

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

npm run dev

來源

2017-06-24 18:29:33 STWilson

使用JQuery和JQuery UI的Laravel Elixir

回答

相關問題