ホームページ > 記事 > ウェブフロントエンド > 以下に、直接性の度合いに応じていくつかのタイトル オプションを示します。 **直接的かつ具体的:** * **セマンティック UI プロジェクト用に ES6 構文を使用して jQuery をインポートする方法** * **jQuery の ES6 インポート構文: ガイド
jQuery をインポートするための ES6 構文
このプロジェクトでは、jQuery がスタイリングに semantic-ui とともに使用され、アプリは次を使用して記述されています。 ES6 の構文。目標は、ES6 インポート構文を使用して jQuery をインポートし、semantic-ui の依存関係を満たすことです。
ES6 インポート構文
ES6 構文を使用して jQuery をインポートするには、インデックスを変更します。 js ファイルは次のようになります。
<code class="javascript">import {$,jQuery} from 'jquery'; // export for others scripts to use window.$ = $; window.jQuery = jQuery;</code>
インポート パス
dist/ からのインポートは本番環境が含まれているため、開発には理想的ではないため、node_modules/ ディレクトリから jQuery をインポートします。 -ready Assets.
Glob Import
jQuery の glob import 構文 (* as) の使用を避け、代わりに import {$ などの直接インポート ステートメントを使用します。 ,jQuery} from 'jquery'.
Window Exports
jQuery を他のスクリプトに公開するには、次の行を追加します:
<code class="javascript">window.$ = $; window.jQuery = jQuery;</code>
理論的根拠
この変更により、ES6 構文を使用して jQuery をインポートし、semantic-ui の依存関係を満たすことができます。
以上が以下に、直接性の度合いに応じていくつかのタイトル オプションを示します。 **直接的かつ具体的:** * **セマンティック UI プロジェクト用に ES6 構文を使用して jQuery をインポートする方法** * **jQuery の ES6 インポート構文: ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。