在npm run xxx命令后发生了什么

77 阅读1分钟

前言

要是有所得罪请原谅,本是出自一番好意 ,
只是想显点粗浅技艺,那才是我们的初衷。
– 威廉・莎士比亚,《仲夏夜之梦》

正文

当我们输入 npm run xxx 之后, 程序首先会去 package.json中去寻找这个命令,然后去执行。
这里用我们经常使用的 npm run serve进行举例

image.png 当在 package.json中找到这个命令所对应的指令vue-cli-service serve后。

我们就会去node_modules中的 .bin中去寻找对应同名的脚本文件.
点进去之后,我们会发现 在该文件中, 他们最终的结果是使用node去执行我们对应的一个文件 顺藤摸瓜, 我们找到这个文件 发现该文件的意义在于启动一个Web服务。

那么这样一套下来, 我们就知道了当npm run xxx的时候发生了什么.
先去package.json中确认要在.bin中找那个对应的软链接脚本, 然后去对应执行它.

为什么我们自己去执行对应的脚本命令的时候会报错, 而使用npm run则不会报错。

结尾

感谢大家,前进路上,我们一起共勉。

引用

  1. www.jb51.net/article/254…
  2. juejin.cn/post/709794…