ES6構文を使用してjQuery UIをインポートして、ブラウザで表示するにはどうすればよいですか？

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はグローバルを定義する方法を提供しますが、browserifyの回避策はありますか？

Answer 1

あなたはES6モジュールとして動作するjQueryのバージョンを発見した場合は、なぜそこにもjQueryの-UIのためのものではありません。この

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

または

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