如何在 Babel 和 Semantic-UI 中使用 ES6 语法导入 jQuery？

使用 ES6 语法导入 jQuery

当使用 ES6 语法与 Babel 转译器和语义 UI 时，导入 jQuery 可以如下完成：

index.js

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

说明：

• 从node_modules导入： jQuery 应该从 node_modules/ 目录导入，而不是从 dist/ 目录导入。 package.json 中的 build:app 脚本负责将 jQuery 复制到 dist/ 文件夹。
• 特定导入： 您可以导入特定的命名导出，而不是使用 glob 通配符 *，例如 $ 和 jQuery。
• 公开 jQuery： 要使 jQuery 对其他脚本可用，需要使用 window.$ = $.
• 重复导入删除： Browserify 消除了重复导入，因此导入 $ 和 jQuery 时没有任何开销。

以上是如何在 Babel 和 Semantic-UI 中使用 ES6 语法导入 jQuery？的详细内容。更多信息请关注PHP中文网其他相关文章！