Понимание и изучение команд сценария в package.json в VUE

версия vue 2.9.6

  "scripts": {
    
    
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  }

Версия классического обучения командам Vue2

Похоже, это package.jsonчасть файла, содержащего некоторые команды сценария для управления проектами JavaScript.

1. "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js":

   • Это команда пользовательского сценария, обычно используемая в средах разработки. Он запускает webpack-dev-serverинструмент, вызываемый с некоторыми параметрами:
     • --inline: Живая перезагрузка достигается за счет автоматического внедрения скриптов.
     • --progress: показать ход сборки в консоли.
     • --config build/webpack.dev.conf.js: указывает путь к файлу конфигурации Webpack, используемому для среды разработки.

   Цель этой команды — запустить сервер разработки, чтобы вы могли просматривать и тестировать свое приложение в режиме реального времени во время разработки.

2. "start": "npm run dev":

   • Это пользовательская команда сценария, на самом деле псевдоним. Он npm run devзапускает сервер разработки, запустив .

3. "build": "node build/build.js":

   • Этот скрипт используется для сборки вашего приложения в производственной среде. Он запускает build.jsсценарий Node.js с именем , который может отвечать за выполнение ряда задач сборки, таких как сжатие кода, упаковка файлов и т. д., для подготовки приложения к развертыванию на рабочем сервере.

суммируя:

• devМежду и нет никакой реальной разницы start, это просто разные способы названия одной и той же команды.
• buildИспользуется для подготовки проекта к запуску в производственной среде.