Пользовательская конфигурация webpack. Хотите лениво загружать файлы пользовательских поставщиков, что требуется для некоторых функций в приложении

Question

У меня angular 8 приложение с пользовательской конфигурацией веб-пакета. Я использую стороннюю библиотеку, размер которой составляет около 5 МБ. В настоящее время он добавляется в main.ts с помощью vendorchunks: false в angular. json файле.

С помощью пользовательской конфигурации веб-пакета я могу создать отдельные чанки для сторонней библиотеки, но он добавляется в dist / index. html.

config.optimization.splitChunks = {
          cacheGroups: {
            myLib: {
              test: /[\\/]mylib[\\/]/,
              name: 'mylib',
              chunks: 'initial',
              priority: 10
            },
            vendors: {
              test: /[\\/]node_modules[\\/]/,
              name: 'vendors',
              chunks: 'initial'
            }
          }
        },

Я хочу лениво загружать эту стороннюю библиотеку только тогда, когда эта функция загружена.

Добавление его в мой индекс. html добавление его для начальной задержки.