当执行 npm run dev命令的时候,会去项目的package.json文件对象的scripts对象中去寻找,然后执行对应的命令,比如我们使用vite去构建vue项目。配置文件

1
2
3
4
5
"scripts": {
"dev": "vite",
"build": "vue-tsc && vite build",
"preview": "vite preview"
}

如上,找到dev后,会去执行vite 命令,但是如果我们直接执行 vite,那么就会报错,所以就可以得到执行vite的时候这边项目做了配置。

其实在执行的时候,这边会在本地的node_modules文件中去寻找vite去执行,如果没有就会去 npm install -g(全局包)中去寻找,如果这里面有,也可以去执行,如果这里也没有,那么就去直接去系统的环境变量中去寻找,但是一般你没配置就没有了,然后就报错,这就是这边执行的全部过程。

那么这边是vite是怎么配置的呢,在node_modules文件指定vite配置了一个软连接,指向的一个bin/vite.js的文件 在这个文件里面有对vite的配置,去构建一个临时的环境变量,然后在这边执行,其他的比如打包什么的都是同理