2017-11-27 10 views
0

Babel과 Browserify를 사용하여 ES6 구문을 사용하는 프로젝트에 JQuery 및 JQuery를 가져 와서 코드를 패키지화하려고합니다. 문제를 파악할 수 있었던 이유는 jQuery UI가 jQuery를 전역 변수로 정의해야한다고 생각하기 때문입니다.ES6 구문을 사용하여 jQuery UI를 가져 와서 browserify하는 방법은 무엇입니까?

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

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

import 'jquery-ui'; 

을하지만 browserify 파일의 상단에 모든 수입을두고 것 같다, 그래서 전역 너무 늦었 정의 : 나는 jQuery를 가져온 후이 같은 JQuery와 UI를 가져 오기 전에 전역 변수를 설정했습니다. webpack은 전역을 정의하는 방법을 제공하지만 browserify에 대한 해결 방법이 있습니까?

+0

당신이 ES6 모듈로 작동하는 jQuery를 버전을 발견하는 경우, 왜뿐만 아니라 jQuery를-UI 거기에 하나가 아닌 시도? jQuery에 대한 의존성을 실제로 선언해야합니다. – Bergi

+0

그게 당신 생각입니다. npm을 사용하여 JQuery와 JQuery-UI를 모두 설치했다. 나는 JS 개발에 익숙하지 만, 나의 연구에서, JQuery는 JQuery-UI가 AMD 모듈 표준과 함께 작동하도록 설계된 동안 브라우저 에뮬레이션하는 노드 모듈 시스템과 함께 작동하도록 설계되었다. 프로젝트가 조정 될 것이라고 생각할 것입니다. 나는 var $ = global을 얻을 수 있었다. $ = require ('jquery')는 끔찍하지는 않지만 필요한 것은 아니다. deamdify라는 것을 조사 할 것입니다. 이 물건이 있어야 할 것보다 더 어렵다고 생각할 수 없습니다. – Shane

답변

-1

는이

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

또는

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

첫 번째는 구문 오류입니다. 두 번째 것은 OP가 이미 가지고있는 작동하지 않는 버전입니다. – Bergi