Как понять, когда использовать Common JS, а когда ES6?

Ещё плаваю в теме модулей JS. Столкнулась с двумя разными форматами: Common JS и ES6. Как я поняла, что Common JS уже реже используется.
Мне не понятно, как определить, какой формат использовать.

Например, устанавливаю библиотеку. Создаю js файл и мне нужно подключить эту библиотеку.
Так как я в теории научилась подключать с помощью ES6 я пишу: import { Lib } from 'библиотека';.
Мне выдаётся ошибка. Понимаю, что в библиотеке нет экспорта по умолчанию и переписываю так: import * as Lib from 'библиотека';.
А потом при использовании пишу так Lib.default.

Подключение работает, но выглядит подозрительно неправильно. Его можно было написать и в стиле Common JS const Lib = require('библиотека');, что выглядит эстетичнее.

Подскажите, какой формат лучше использовать и когда?
Если я не правильно задаю вопрос. В плане, что это несравнимые вещи, прощу поправить и толкнуть в правильном направлении.

Спасибо!