首頁 > web前端 > js教程 > 主體

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

Linda Hamilton
發布: 2024-10-26 07:21:30
原創
402 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!