Что именно представляет собой команда «response-scripts start»? - PullRequest
0 голосов
/ 06 июня 2018

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

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

npm run start с определением на package.json, например:

"start": "react-scripts start",

Второй способ:

и npm start

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

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

Ответы [ 3 ]

0 голосов
/ 06 июня 2018

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

As for "response-scripts "это скрипт, относящийся конкретно к create-Reaction-app

0 голосов
/ 19 ноября 2018

Как указал Сагив Б.Г., команда npm start является ярлыком для npm run start.Я просто хотел добавить пример из реальной жизни , чтобы прояснить его немного подробнее.

Ниже приведена настройка репозитория create-react-app github.package.json определяет набор сценариев, которые определяют фактический поток.

"scripts": {
  "start": "npm-run-all -p watch-css start-js",
  "build": "npm run build-css && react-scripts build",
  "watch-css": "npm run build-css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ --watch --recursive",
  "build-css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/",
  "start-js": "react-scripts start"
},

Для ясности я добавил диаграмму.enter image description here

Синие прямоугольники - это ссылки на сценарии, которые вы можете выполнить непосредственно с помощью команды npm run <script-name>.Но, как вы можете видеть, на самом деле есть только 2 практических потока:

  • npm run start
  • npm run build

Серые поля - команды, которыеможет быть выполнен из командной строки.

Так, например, если вы запустите npm start (или npm run start), которые фактически преобразуются в команду npm-run-all -p watch-css start-js, которая выполняется из командной строки.

В моем случае у меня есть специальная команда npm-run-all, которая является популярным плагином, который ищет скрипты, которые начинаются с «build:», и выполняет все из них.У меня на самом деле нет таких, которые соответствуют этому шаблону.Но он также имеет 2 параметра после ключа -p, которые являются другими сценариями. Итак, здесь он действует как сокращение для выполнения этих двух сценариев.(т. е. watch-css и start-js)

  • * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 10 * * *.

  • start-js указывает на react-scripts start, который размещает сайт в режиме разработки.

В заключение,команда npm start настраивается.Если вы хотите знать, что он делает, то вам нужно проверить файл package.json. (и, возможно, вы захотите составить небольшую диаграмму, когда все усложнится).

0 голосов
/ 06 июня 2018

create-реагировать-приложение и реагировать-скрипты

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

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

с create-реакции-приложением у вас есть следующие функции из коробки.

  • Поддержка синтаксиса React, JSX, ES6 и Flow.
  • Дополнительные возможности языка помимо ES6, такие как оператор распространения объектов.
  • CSS с автопрефиксом, поэтому вам не нужны -webkit- или другие префиксы.
  • Быстрый интерактивный тестовый модульсо встроенной поддержкой отчетов о покрытии.
  • Живой сервер разработки, который предупреждает о распространенных ошибках.
  • Скрипт сборки, объединяющий JS, CSS и изображения для производства, с хешами и исходными картами.
  • Первый автономный работник службы и манифест веб-приложения, отвечающий всем критериям Progressive Web App.
  • Беспроблемные обновления для вышеуказанных инструментов с одной зависимостью.

npm сценарии

npm start - это сокращение для npm run start.

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

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...