如何使用 ES6/ES7 语法导入 jQuery UI？

Question

我正在尝试在我的 reactJS/Redux 应用程序中使用一些 jQuery UI 功能。我已经使用以下方法导入了 jQuery 和 jQuery UI：

 npm install jquery jquery-ui

然后我试过了：

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

但是，当我尝试执行以下操作时，似乎没有导入 jQuery UI：

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

我相信问题出在 jQuery UI 上。我究竟做错了什么？我怎样才能让 jQuery UI 使用这个堆栈？

谢谢！

原文由 Leopold Joy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我成功地使用了来自 jquery-ui 的部分导入。我的意思是仅从 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/ ，在其他环境中方法可能会有所不同）

原文由 basil 发布，翻译遵循 CC BY-SA 3.0 许可协议