2017-01-06 9 views
1

私はそれが本当に簡単な質問だと知っていますが、私はそれのような簡単な質問/答えは見ていません。私は、jQueryが私のリアクションアプリに入れておく価値があるかどうかを判断しようとしています。私はそれをほぼ完全にajaxのために使用しています。バンドルにjQueryのajax部分だけを入れるだけのwebpack smartはありますか?WebpackはjQueryを軽くするには十分スマートですか?

+0

jQueryをビルドして、必要なモジュールのみを含めることができます。https://github.com/jquery/jquery#modules – Adam

+0

AJAXのためにhttps://github.com/visionmedia/おそらくより適切であろう。 – ceejayoz

+0

または 'fetch'すると、何も含める必要はありません – azium

答えて

4

いいえ、webpackはWebpack 2(webpack 1を使用していても、以前はツリーシェアを実装していなくてもバンドルにjqueryのajax部分を含めるだけでなく、モジュール全体がこれは、jqueryがNPMでどのように販売されているかによって異なります.1つの大きなjquery.jsモジュールです。

jqueryの使用をご希望の場合は、ajaxモジュールのみを使用してjqueryを作成する方法がありますが、手作業が必要です(例えば、import {ajax} from 'jquery'はできません)。 lodash用のbabelプラグインがあります。これは独自のモジュールで各メソッドを販売していますので、webpackビルドにすべてのlodashを含める必要はありません。それはimport { some_method } from 'library'構文に依存しているため、バベルプラグインです。

簡単なajaxライブラリをお探しの場合は、isomorphic-fetch(ブラウザでは、 'whatwg-fetch'を使用)を使用することを強くお勧めします。それはあなたのコードを非常にきれいに保ちます。

+0

徹底的な回答ありがとう!はい、私は間違いなくisomorphic - フェッチ、superagent、axiosなどを見てきましたが、あなたの答えは、Webpackがjqueryのサイズを許すことを期待するのではなく、これらのライブラリの1つを実際に使用し始める必要があることを確認します。 –

+1

http://youmightnotneedjquery.com/に興味があるかもしれませんが、いくつかの基本的なことを行うにはファンシーライブラリは必要ありません。 –

+0

また、jQueryが大きすぎますが、同様の機能が必要でネイティブコードで手作業で大部分を書き直したくない場合は、より軽量で集中的でモジュール化されたいくつかの代替パッケージを検討してください。 https://github.com/github/fetch、http://zeptojs.com/、http://seebigs.github.io/dollar-js/、https://github.com/kenwheeler/cash – seebigs

関連する問題