脚本“npm run dev”和“npm run watch”是做啥用的？

Posted 2023-02-22

【中文标题】脚本“npm run dev”和“npm run watch”是做啥用的？

【英文标题】：What does scripts "npm run dev" and "npm run watch" is used for?脚本“npm run dev”和“npm run watch”是做什么用的？

【发布时间】：2020-03-02 08:48:01

【问题描述】：

我是 vue 新手，文档说每次创建组件时都必须运行 npm run dev 和 npm run watch。 但不知道他们的目的是什么？ 有人可以帮我吗？

【参考方案1】：

从技术上讲，它们只会运行您在 package.json 中定义的名称为 dev 和 watch 的任何脚本。如果没有看到您的package.json，就不可能确切地知道他们在做什么。

对于大多数项目配置，这些命令会将您的 Vue 组件编译为原始 javascript。 dev 和 watch 的区别在于 dev 命令将编译代码然后退出，而 watch 命令将编译组件然后监视文件并在其中一个更改时重新编译。

【讨论】：

在最后一句中写“run”时，您可能指的是 ,dev，因为两个命令都包含“run”？

@SimonThiel 正确，谢谢。我已经更新了我的答案。在命令npm run watch中，npm 是包管理器，run 是包管理器要执行的特定命令，dev 是参数为命令。在这种情况下，它告诉 npm run 名为 dev/watch 的脚本。

【参考方案2】：

npm run dev 将所有 Vue 组件和其他 JavaScript 文件组合成一个浏览器友好的组合文件。

npm run watch 做同样的事情，但它会保持活动状态并“监视”您的 .vue 和 .js 文件的更新。如果它检测到更改，它将重新构建浏览器友好的文件，以便您可以刷新页面。