module.exports = {
externals: {
jquery: 'jQuery',
swiper: 'Swiper'
},
plugins: [
new webpack.ProvidePlugin({
'window.jQuery': 'jquery',
'window.$': 'jquery',
jQuery: 'jquery',
$: 'jquery',
'window.Swiper': 'swiper',
Swiper: 'swiper',
}),
new HtmlWebpackPlugin({}), // manage your HTML file
new HtmlWebpackExternalsPlugin({ // optional plugin: inject cdn
externals: [
{
module: 'jquery',
entry: 'https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js',
global: 'jQuery',
},
{
module: 'swiper',
entry: 'https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/js/swiper.js',
global: 'Swiper',
},
],
}),
],
}