ES6 jQuery 가져오기 구문
이 프로젝트에서는 스타일 지정을 위해 semantic-ui와 함께 jQuery를 사용하고 앱은 다음을 사용하여 작성되었습니다. ES6 구문. 목표는 ES6 가져오기 구문을 사용하여 jQuery를 가져오고 semantic-ui의 종속성을 충족하는 것입니다.
ES6 가져오기 구문
ES6 구문을 사용하여 jQuery를 가져오려면 인덱스를 수정하세요.
<code class="javascript">import {$,jQuery} from 'jquery'; // export for others scripts to use window.$ = $; window.jQuery = jQuery;</code>
Import Path
dist/에서 가져오는 것은 프로덕션을 포함하므로 개발에 적합하지 않으므로 node_modules/ 디렉터리에서 jQuery를 가져옵니다. -ready 자산.
Glob Import
jQuery에 glob 가져오기 구문(* as)을 사용하지 말고 대신 import {$와 같은 직접 가져오기 문을 사용하세요. ,jQuery} from 'jquery'.
창 내보내기
jQuery를 다른 스크립트에 노출하려면 다음 줄을 추가하세요.
<code class="javascript">window.$ = $; window.jQuery = jQuery;</code>
이유
이 수정을 통해 ES6 구문을 사용하여 jQuery를 가져오고 semantic-ui의 종속성을 충족할 수 있습니다.
위 내용은 다음은 얼마나 직접적인지에 따라 달라지는 몇 가지 제목 옵션입니다. **직접적이고 구체적:** * **Semantic-UI 프로젝트를 위해 ES6 구문을 사용하여 jQuery를 가져오는 방법** * **JQuery용 ES6 가져오기 구문: 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!