如何使用ES6语法导入jQuery UI并使用browserify？

Question

I am trying to import JQuery and JQuery into a project using ES6 syntax using Babel and Browserify to package the code. From what I have been able to figure out the problem is that JQuery UI expects jQuery to be defined as a global variable. I tried setting the global variable after importing jQuery and before importing JQuery UI like this:

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

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

import 'jquery-ui';

but it seems browserify puts all imports at the top of the file, so the globals are defined too late. I understand that webpack provides a way to define globals but is there a workaround for browserify?

Answer 1

Try this

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

or

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