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.
人生最曼妙的風(fēng)景,竟是內(nèi)心的淡定與從容!
So in this case, it is not suitable to use webpack
. Use gulp
instead. webpack
is suitable for single-page applications
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