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.