У меня есть несколько скриптов для сайта.Они настроены так:
<!-- This script is loaded on every page -->
<script src="bundle1.js"></script>
<!-- This script is only loaded on certain pages -->
<script src="bundle2.js"></script>
И bundle1.js
, и bundle2.js
используют jQuery.Я использую SplitChunksPlugin
, поэтому теперь создается третий пакет: common.bundle.js
, который содержит только jQuery.Очевидно, это хорошо, потому что теперь оба пакета не нуждаются в jQuery.
Однако, поскольку bundle1.js
загружается на каждую страницу, было бы хорошо, если бы jQuery был просто включен в bundle1
.Как заставить Webpack помещать jQuery только в bundle1.js
, а не bundle2.js
и НЕ разбивать jQuery на его собственный общий пакет, который необходимо загружать отдельно?
Config:
module.exports = {
mode: 'development',
entry: {
app: './js/app.js', // <-- loads on every page
editor: './js/editor.js' // <-- loads on certain pages
},
output: {
path: path.resolve('./js'),
filename: '[name].bundle.js'
},
optimization: {
splitChunks: {
chunks: 'all',
name: 'common'
}
}
}