Мне интересно, можно ли указать webpack создать чанк, который будет содержать только один файл.
В Vue.js у меня есть файл main.js, в котором есть функция монтирования и рендеринга приложения (main.js импортирует компонент приложения, а затем в приложение импортируются несколько компонентов.
Я создал другой файл - bootstrapper.js, который импортирует main.js, выполняет некоторую загрузку и, наконец, вызывает функцию из main.js для визуализации.приложение.Точка входа в Webpack установлена на bootstrapper.js file.
При такой настройке (по умолчанию splitChunks settings) webpack генерирует vendors chunk и bootstrapper chunk (загрузчик, содержащий весь код приложения).bootstrapper.js будет меняться при каждом развертывании, поэтому я предполагаю, что даже 1 измененная строка в загрузчике заставит клиентов перезагружать весь кусок, который также содержит код приложения (даже если этот код не изменился вообще).
bootstrapper.js
import { something } from './main.js'
//do some bootstrapping
something.bootstrap();
main.js
import { App } from './App.vue'
//more Vue lib imports here
...
function bootstrap() { new Vue()... //render app }
App.vue
<script>
import { Long, List, Of, Very, Important, Components } from './components'
...
</script>
Итак, вопрос: могу ли я как-то сказать веб-пакету создать дваотдельные чанки - один для bootstrapper.js и второй чанк для main.js и его зависимости?Они оба должны быть загружены при запуске, но эта настройка не будет принудительно перезагружать кеш при изменении только bootstrapper.js.