ホームページ  >  記事  >  ウェブフロントエンド  >  ES6 構文で jQuery をインポートするには?

ES6 構文で jQuery をインポートするには?

Susan Sarandon
Susan Sarandonオリジナル
2024-10-25 02:55:02139ブラウズ

How to Import jQuery in ES6 Syntax?

ES6 構文での jQuery のインポート

問題

jQuery で構築されたライブラリを使用するアプリを ES6 構文に移行すると、jQuery のインポートに関する疑問が生じる可能性があります新しい構文で。

解決策

1. node_modules ディレクトリからインポート

import * as stylesheet from '../assets/styles/app.scss';<br>import {$, jQuery} from 'jquery'; // node_modules からインポート<br>import * as jquery3 from '../dist/scripts/jquery.min';</p>
<p>console.log($('my-app'));<br>&lt ;/pre></p>
<p><strong>2.他のスクリプト用にエクスポート</strong></p>
<p><pre class="brush:php;toolbar:false">window.$ = $;<br>window.jQuery = jQuery;<br>

メモ

  • 特定のオブジェクトがインポートされるため、グロブ として使用する必要はありません。
  • すべての使用シナリオをカバーするには、$ と jQuery の両方をインポートすると有益です。
  • window.$ = $ を使用してインポートを他のスクリプトに公開することが不可欠です。

以上がES6 構文で jQuery をインポートするには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。