webpack packaging jQuery plugin - Stack Overflow

Question

In multiple pages, first use providePlugin to expose jQuery to the world

var providePlugin = new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    'window.jQuery': 'jquery',
    'window.$': 'jquery'
});

I don’t know what to do when referencing the jQuery plug-in. If it is an ordinary js plug-in, just require it. However, some plug-ins include both js, css, and images. If you need to introduce such a set when using it on every page, it will be very troublesome. Another problem is that after the CSS is introduced, it is packaged into HTML by the style-loader, so the image path referenced in the CSS is incorrect. It is really painful. Is there any mature solution?

Please give me some advice.

Answer 1

So in this case, it is not suitable to use webpack. Use gulp instead. webpackis suitable for single-page applications

Answer 2

I have answered the reference method of jQuery before, please post the address directly here:
/q/10...

Just modify the configuration in webpack.base.conf.js