Как использовать npm пакеты в браузере?

Господа, а поделитесь опытом.
Я правильно понимаю, что npm пакеты это прежде всего CommonJS модули?
Или к черту, опять всех запутаю, пытаясь пояснить подробнее.

Как вы понимаете, какие npm пакеты можно использовать для написания кода для браузера, а какие нет?

Я вот разбираюсь с ES6 модулями в javascript, создаю файлы, в них код и экспорт по стандарту ES6, они уже и в браузере неплохо работают, но я еще все собираю вебпаком в один файл, обработав babel и даже в одном файле это все работает.
Но ведь люди используют при разработке и пакеты устанавливаемые из npm? Решил взять chalk, установил, подключаю его (и как CommonJS и как ES6)

//const chalk = require('chalk');
import chalk from "chalk";

Сборка проходит без ошибок, в результирющий файл bundle он тоже попадает, но свою функцию не выполняет и текст в консоли браузера не красит.
Но при этом axios установленный через npm будет работать и в браузере. Ну и вроде как это логично, ведь большинство npm пакетов (как я думаю) создаются для nodejs а значет все таки заточены под работу на сервере, а не в браузере. Например не должен работать в браузере пакет, который дает доступ к файловой системе.
Но я пытался погуглить список npm которые можно использовать в браузере и не особо нашел, даже не вижу упоминаний, что есть такое деление — на работающие только в nodejs и на работающие и там и в браузере.
Так все-таки? Есть такое деление? Или я чего-то не понимаю?
Спасибо.