首頁 >web前端 >js教程 >如何在 Babel 和 Semantic-UI 中使用 ES6 語法匯入 jQuery?

如何在 Babel 和 Semantic-UI 中使用 ES6 語法匯入 jQuery?

Linda Hamilton
Linda Hamilton原創
2024-10-26 07:21:30489瀏覽

How to Import jQuery with ES6 Syntax in Babel and Semantic-UI?

使用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_modmodules應該從node_modules/ 目錄導入,而不是從dist/ 目錄導入。 package.json 中的 build:app 腳本負責將 jQuery 複製到 dist/ 資料夾。
  • 特定匯入: 您可以匯入特定的命名匯出,而不是使用 glob 通配符 *,例如 $ 和 jQuery。
  • 公開jQuery: 要讓jQuery 對其他腳本可用,需要使用window.$ = $.
  • 重複導入刪除:
  • Browserify 消除了重複導入,因此在導入$ 和jQuery 時沒有任何開銷。

以上是如何在 Babel 和 Semantic-UI 中使用 ES6 語法匯入 jQuery?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn