如何在Webpack中使用jquery.min做出反应

Question

Can somebody help on how to use jquery.min in React Components.

Using the below increases the bundle size, where core jquery is loaded.

var $ = require('jquery');

I would like to use the minified version of jquery which is less in size.

Answer 1

You can require the minified version directly:

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

However, a more common solution is to run webpack in production mode ( webpack -p ) or use a plugin like uglifyjs-webpack-plugin to minify your entire bundle (including both your own source code and libraries like jQuery) before you deploy your application to production.