Какая лучше практика подключения внешних зависимостей в Webpack?

Проект, компилируемый для клиентской части через Babel и собирается через Webpack, имеет несколько зависимостей таких как three.js, d3.js, vue.js

На сколько мне известно, есть всего два варианта:
1. Подключать нужные модули через import
+ точно указывается что и где используется
- все импортируемые зависимости встраиваются в bundle, что приводит к увеличению времени сборки и размеру итогового пакета
- не все библиотеки могут поддерживать такой способ подключения
2. Подключать их непосредственно в html
+ зависимости могут загружаться из cdn и кэшироваться у клиента, независимо от изменений в самом приложении
- необходимы олдскульные методы подключения пакетов

В Webpack каких-то красивых методов как подключить внешние зависимости не нашел, поэтому только так:
1. в html подключить библиотеку
2. в config'е указать externals

Как вы обычно подключаете зависимости и что лучше использовать в приложении с учетом его разрастания?