什么是“npm run dev”和“npm run prod”

Question

我使用以下命令通过 Laravel Mix 模块捆绑我的脚本：

npm run dev // Compile scripts.

npm run prod // Compile and minify scripts.

这些是原生 npm 命令还是自定义 Laravel Mix 命令？它们在哪里定义？

我注意到它们在 Laravel package.json 中被列为“脚本”。这些脚本到底是什么，通过 Laravel Mix 为 Webpack 自定义命令？

"scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "npm run development -- --watch",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},

Answer 1

这些命令可在 NPM 上支持 JSON 文件的任何项目中使用。关于OP问题：

这些是原生 npm 命令还是自定义 Laravel Mix 命令？它们在哪里定义的？

• npm：可以说这是系统原生的一个命令，用于调用Node Package Manager程序。例如，在 Windows 中，它应该是从任何控制台调用 npm 的默认命令。
• run：这是 npm 原生的命令。更多信息请参见此处。请记住，这是原始命令的别名run-script。
• dev和prod：它们是用户定义的。
  • dev：用于运行为项目提供服务的特定命令，到任何服务器，以进行实时开发。对于网页，您将在浏览器中看到您的网页，并且您对 HTML 代码所做的任何更改都会立即反映在您在浏览器中看到的页面中。
  • prod：编译生产所需的所有文件。完成品。例如，对于网页，您将向客户端处理 HTML、CSS 和 JS 文件。运行此命令的结果预计是一个包含所有上述内容的文件夹。

我注意到它们在 Laravel package.json 中被列为“脚本”。这些脚本到底是什么，通过 Laravel Mix 为 Webpack 定制的命令？

• "dev": "npm run development"：运行下面的命令，即："development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"。这行代码的作用取决于您对项目的依赖关系（请参阅node_modules文件夹，并阅读其各自的文档）。
• "prod": "npm run production"：它的描述与上面的项目相同，但是对于npm run prod

Answer 2

它们确实package.json是您发现的文件中定义的脚本。该值由你的shell（这样，例如，运行bash，zsh等类UNIX操作系统）。

需要注意的一个关键事项是在执行之前node_modules/.bin添加目录PATH。因此，在您询问的两个脚本的情况下，只要您已经运行或在项目目录中，cross-env就可以在node_modules/.bin（因为它几乎可以肯定地在 中的其他地方指定为 devDependency package.json）中找到。npm installnpm ci