ES6/ES7 구문을 사용하여 jQuery UI를 가져오려면 어떻게 해야 합니까?

ES6/ES7 구문을 사용하여 jQuery UI를 가져오려면 어떻게 해야 합니까?

응답에 jQuery UI 기능을 사용하려고 합니다.JS/Redux 어플리케이션다음을 사용하여 jQuery 및 jQuery UI를 모두 가져왔습니다.

npm install jquery jquery-ui

그리고 난 시도했다:

import $ from 'jquery';
import jQuery from 'query';
import jQuery-ui from 'jquery-ui';

그러나 다음과 같은 작업을 수행하려고 하면 jQuery UI가 Import되지 않는 것 같습니다.

componentDidMount() {
  $('ol#myList').selectable();
}

jQuery UI에 문제가 있는 것 같습니다.내가 뭘 잘못하고 있지?jQuery UI를 이 스택과 함께 사용하려면 어떻게 해야 합니까?

감사해요!

jquery-ui에서 부분 Import를 성공적으로 사용하고 있습니다.즉, jquery-ui에서 필요한 것만 모듈로 가져옵니다.

import $ from 'jquery';
import 'jquery-ui/themes/base/core.css';
import 'jquery-ui/themes/base/theme.css';
import 'jquery-ui/themes/base/selectable.css';
import 'jquery-ui/ui/core';
import 'jquery-ui/ui/widgets/selectable';

(단, 다른 환경에서 Webpack https://webpack.github.io/,을 사용하고 있는 경우는 다를 수 있습니다.)

제가 먼저

npm install jquery-ui-bundle --save

필요할 때, 나는

import 'jquery-ui-bundle';
import 'jquery-ui-bundle/jquery-ui.css';

웹 팩 구성에 별칭을 추가합니다.

resolve: {
  alias: {
    'jquery-ui': 'jquery-ui-dist/jquery-ui.js'
  }
}

패키지에 저장합니다.json:

npm i --save jquery
npm i --save jquery-ui-dist

그리고나서

import $ from 'jquery';
import 'jquery-ui';

마지막 jquery(3.2.1)와 jquery-ui(1.12.1)에서 사용할 수 있습니다.

자세한 것은, 제 블로그를 봐 주세요.

구성 요소 이름은 jqueryui(하이픈 없음), 사용import jqueryui from 'jquery-ui'또는 간단히 말하면import 'jquery-ui'

선택 가능은 JQuery UI의 플러그인입니다.그래서 우리는 그것으로부터 정확한 플러그인을 개선해야 합니다.선택할 수 있는 경우는, 다음과 같습니다.

import 'jquery-ui/ui/widgets/selectable'

언급URL : https://stackoverflow.com/questions/35259835/how-to-import-jquery-ui-using-es6-es7-syntax