Babel 및 Semantic-UI에서 ES6 구문을 사용하여 jQuery를 가져오는 방법은 무엇입니까?

ES6 구문을 사용하여 jQuery 가져오기

Babel transpiler 및 semantic-ui와 함께 ES6 구문을 사용하는 경우 jQuery를 가져오는 방법은 다음과 같습니다.

index.js

<code class="js">import { $, jQuery } from 'jquery';
// export for others scripts to use
window.$ = $;
window.jQuery = jQuery;</code>

설명:

• node_modules에서 가져오기: jQuery는 dist/ 디렉터리가 아닌 node_modules/ 디렉터리에서 가져와야 합니다. package.json의 build:app 스크립트는 jQuery를 dist/ 폴더에 복사하는 역할을 담당합니다.
• 특정 가져오기: glob 와일드카드 *를 사용하는 대신 특정 명명된 내보내기를 가져올 수 있습니다. $ 및 jQuery와 같은.
• jQuery 노출: jQuery를 다른 스크립트에서 사용할 수 있도록 하려면 window.$ = $.
• 중복 가져오기 제거: Browserify는 중복 가져오기를 제거하므로 $와 jQuery를 모두 가져올 때 오버헤드가 없습니다.

위 내용은 Babel 및 Semantic-UI에서 ES6 구문을 사용하여 jQuery를 가져오는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!