2017-03-10 57 views
1

有人可以幫助您瞭解如何在React組件中使用jquery.min。如何在webpack中使用jquery.min

使用下面的內容會增加裝載核心jquery的bundle大小。

var $ = require('jquery'); 

我想使用尺寸較小的jquery縮小版本。

+0

你使用'webpack -p'嗎?它應該包裝一個縮小的版本,其大小與原來的'jquery.min.js' – Miro

+0

謝謝。是的,我正在使用webpack ..我可以看到,它需要從node_modules文件夾jquery.js ...即使使用webpack ..生成的捆綁分析器。 – Ela

回答

0

您可以要求直接的精縮版:

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

然而,更常見的解決辦法是在生產模式(webpack -p)的WebPack運行或使用插件像uglifyjs-webpack-plugin來縮小整個包(包括您的自己的源代碼和類似jQuery的庫),然後再將您的應用程序部署到生產環境中。

+0

丹謝謝。我確實使用uglify webpack。即使在這之後,我用bundle分析器分析了jquery在252kb的地方。但jquery.min只有82kb。 – Ela

+0

如何運行bundle analyzer命令? –