Что такое команда "react-scripts start"?

Я работал с проектом React, используя react-create-app, и у меня есть два варианта запуска проекта:

Первый способ:

npm run start с определением в package.json такой:

"start": "react-scripts start",

второй вариант:

и npm start

в чем разница между этими двумя командами? И какова цель react-scripts start?

Я попытался найти определение, но Я только что нашел пакет с именем, и я до сих пор не знаю, что означает эта команда.

2 ответов


create-react-app и react-скрипты

react-scripts представляет собой набор скриптов из create-react-app стартовый пакет. create-react-app позволяет запускать проекты без настройки, поэтому вам не нужно настраивать проект самостоятельно.

react-scripts start настройка среды разработки и запуск сервера, а также Перезагрузка горячего модуля. Вы можете читать здесь чтобы увидеть, что все, что он делает для вас.

С create-react-app у вас есть следующие возможности из коробки.

  • поддержка синтаксиса React, JSX, ES6 и Flow.
  • язык дополнительно вне ЕС6 как объект оператора распространения.
  • Autoprefixed CSS, поэтому вам не нужны-webkit - или другие префиксы.
  • быстрый интерактивный модульный тестовый раннер со встроенной поддержкой отчетов о покрытии.
  • живой сервер разработки, который предупреждает об общем ошибки.
  • скрипт сборки для связывания JS, CSS и изображений для производства с хэшами и sourcemaps.
  • автономный первый работник службы и манифест веб-приложения, отвечающий всем прогрессивным критериям веб-приложения.
  • беспроблемные обновления для вышеуказанных инструментов с одной зависимостью.

npm скрипты

npm start ярлык для npm run start.

npm run используется для запуска скриптов, которые вы определяете в scripts объект вашего пакета.в JSON

если нет start ключ в объекте скриптов, по умолчанию он будет node server.js

иногда вы хотите сделать больше, чем скрипты react дает вам, в этом случае вы можете сделать react-scripts eject. Это превратит ваш проект из "управляемого" состояния в неуправляемое состояние, где у вас есть полный контроль над зависимостями, скриптами сборки и другие конфигурации.


"пуск" - это имя скрипта, в npm вы запускаете такие скрипты npm run scriptName, npm start также на npm run start

Что касается "react-скриптов", это скрипт, связанный конкретно с create-react-app