Babel および Semantic-UI で ES6 構文を使用して jQuery をインポートするにはどうすればよいですか?

ES6 構文を使用した jQuery のインポート

Babel トランスパイラーと semantic-ui で ES6 構文を使用する場合、jQuery のインポートは次のように実行できます。

index.js

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

説明:

• node_modules からのインポート: jQuery は、dist/ ディレクトリではなく、node_modules/ ディレクトリからインポートする必要があります。 package.json の build:app スクリプトは、jQuery を dist/ フォルダーにコピーする役割を果たします。
• 特定のインポート: glob ワイルドカード * を使用する代わりに、特定の名前付きエクスポートをインポートできます。 $ や jQuery など。
• jQuery の公開: jQuery を他のスクリプトで利用できるようにするには、window.$ = $.
• 重複インポートの削除: Browserify は重複インポートを削除するため、$ と jQuery の両方をインポートする際のオーバーヘッドはありません。

以上がBabel および Semantic-UI で ES6 構文を使用して jQuery をインポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。