2017-03-10 6 views
1

React Componentsでjquery.minを使用する方法について他に助けてもらえますか?webpackとの反応でjquery.minを使用する方法

以下を使用すると、コアのjqueryがロードされるバンドルサイズが大きくなります。

var $ = require('jquery'); 

サイズの小さいjqueryの縮小版を使用したいと思います。

+0

あなたは 'webpack -p'を使用していますか?元の 'jquery.min.js'とほぼ同じサイズの縮小版をパックするべきです – Miro

+0

ありがとうございます。はい、私はwebpack ..を使用しています。私はそれがnode_modulesフォルダからjquery.jsを受け取ることがわかりました。 – Ela

答えて

0

あなたは、直接縮小さバージョンが必要ですできます。しかし、より一般的なソリューションは、生産モード(webpack -p)にWebPACKの実行または(両方のあなたを含め、あなたのバンドル全体を縮小化するuglifyjs-webpack-pluginのようなプラグインを使用することです

var $ = require('jquery/dist/jquery.min'); 

をアプリケーションを実稼働環境にデプロイする前に、独自のソースコードとライブラリ(jQueryなど)を使用してください。

+0

Danありがとうございます。私はuglify webpackを使用します。それ以降も、jqueryが252kbのbundleanalyzerで分析しました。 jquery.minはわずか82kbです。 – Ela

+0

どのようにバンドルアナライザコマンドを実行していますか? –

関連する問題