У меня npx появился в жизни внезапно — я сразу начала его использоваться, а вот что это за покемон и как он работает под капотом, изучить не успела. Знала только, что устанавливать ничего не надо — npx идёт в комплекте с Node.js и npm.
Давайте попробуем немного разобраться сейчас.
Как было раньше
Раньше, чтобы запускать CLI-пакеты (например,
create-react-app) из любого места, их нужно было ставить глобально:npm i -g create-react-app
Это добавляло бинарники пакета в системный PATH, но тянуло за собой потенциальные проблемы — например, конфликт версий, если в разных проектах нужна своя версия CLI.
Npx решает эту боль. Он может:
- использовать локально установленный пакет,
- или (если такого нет) скачать временно нужный и сразу запустить.
Без глобальной установки и без добавления в PATH. Плюс, можно запускать конкретные версии одного и того же пакета под разные проекты, не ловя конфликты.
Окей, а что тогда за команда у Vite такая?
npm create vite@latest my-vue-app -- --template vue
Смотрим информацию о команде:
npm create --help
Create a package.json file
Usage:
npm init <package-spec> (same as `npx create-<package-spec>`)
npm init <@scope> (same as `npx <@scope>/create`)
По факту,
npm create — это синтаксический сахар над npx create-<name>, а под капотом — тот же npx.И важный момент напоследок
Пакет, который хочется запускать через npx, должен иметь секцию bin в своём package.json. Пример из vite:
"bin": {
"create-vite": "index.js",
"cva": "index.js"
}Это как раз то, что позволяет вызывать его как CLI-команду.