Parcel（bundler）でjQueryとjQuery-uiを使用するにはどうすればよいですか？

Question

npmでjquery（3.2.1）とjquery-ui-dist（1.12.1）をインストールしました。 （これらは、HTML内のスクリプトタグとして含まれていない）私が使用するクライアントスクリプトで

：

window.$ = require('jquery');// plain jQuery stuff works fine 
import 'jquery-ui-dist';  // breaks whole jQuery, with Error (missing module 8) 

Answer 1

私はangularjsアプリ&小包 - バンドラで今日同様の問題に遭遇しました。 パーセルは、外部モジュールに導入された（今のところは）グローバル変数をうまく扱えないようです。他の問題の中で。

これについての1つの方法、

var jquery = require("jquery"); 
window.$ = window.jQuery = jquery; // notice the definition of global variables here 
require("jquery-ui-dist/jquery-ui.js"); 

$(function() { 
    $("#datepicker").datepicker(); 
}); 

あなたが輸入品を使用して主張する場合は、別のファイルを作成する必要があり、次の内容の例import-jquery.jsのためにそれを呼び出す：あなたは、プレーンではなく、そのような輸入の必要が使用することができます

import jquery from "jquery"; 

export default (window.$ = window.jQuery = jquery); 

とメインファイルにインポートしてください：

import "./import-jquery"; 
import "jquery-ui-dist/jquery-ui.js"; 

$(function() { 
    $("#datepicker").datepicker(); 
}); 

私は近い将来、これをより良くサポートすることを望みます。