Parcel (bundler)에서 jQuery와 jQuery-ui를 어떻게 사용합니까?

Question

npm을 통해 jquery (3.2.1) 및 jquery-ui-dist (1.12.1)를 설치했습니다.

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

Answer 1

가 나는 AngularJS와 응용 프로그램 & 소포 들러 오늘 유사한 문제가 발생했습니다 : 내가 사용하는 클라이언트 스크립트에서

(그들은 HTML의 스크립트 태그에 포함하지 않는). parcel이 외부 모듈에 도입 된 전역 변수를 제대로 처리하지 못하는 것 같습니다. 다른 문제들 사이.

한 가지 방법은 궁금합니다. ,

당신이 수입을 사용하여 주장하는 경우

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(); 
}); 

나는 우리가 가까운 장래에이의 더 나은 지원을 바랍니다 않습니다.