如何使用ES6語法導入jQuery UI並使用browserify？

Question

我試圖使用Babel和Browserify將ES6語法導入JQuery和JQuery到項目中，以打包代碼。 從我能夠弄清楚的問題來看，JQuery UI期望jQuery被定義為全局變量。 我嘗試在導入jQuery之后並在導入JQuery UI之前設置全局變量，如下所示：

import { default as $, default as jQuery} from 'jquery';

wiindow.jQuery = jQuery;
window.$ = $;

import 'jquery-ui';

但是似乎browserify將所有導入都放在文件的頂部，因此定義全局變量為時已晚。 我知道webpack提供了一種定義全局變量的方法，但是瀏覽器是否有解決方法？

Answer 1

嘗試這個

window.$ = window.jQuery = import $ from "jquery";

要么

import { default as $, default as jQuery} from 'jquery';
window.jQuery = windows.$ = jQuery;