浅析“npm run dev”作用
npm run dev
·
这个问题来自于对项目的创建过程中需要运行的三大指令的思考,是对自己vue技术的底层逻辑搭建。
一、是什么
npm run dev
是用来搭建脚手架环境的。
在npm run dev
的时候,首先会去项目的package.json
文件里找scripts 里找对应的 dev ,然后执行 dev
的命令。
例如启动vue项目 npm run serve的时候,实际上就是执行了vite
这条命令,在这条命令中,包含了vue-cli-service serve
,也就是说。
在package.json
中可以找到对应的文件代码,即以下的部分:
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
这个是使用Vite作为搭建工具的时候会得到的结果,作为webpack
这类更原始的版本的话Dev
就对应着vue-cli-service serve
,也就是以下代码:
"scripts": {
"dev": "vue-cli-service serve"
},
二、做了什么
- 我们在安装依赖的时候,是通过
npm install
来执行的,npm
在安装依赖的时候,会在node_modules/.bin/
目录中创建好vue-cli-service
为名的几个可执行文件。 .bin
目录不是任何一个npm
包。目录下的文件,表示一个个软链接,打开文件可以看到文件顶部写着#!/bin/sh
,表示这是一个脚本。- 所以当使用
npm run dev
执行vue-cli-service serv
e 时,虽然没有安装vue-cli-service
的全局命令,但是npm
会到./node_modules/.bin
中找到vue-cli-service
文件作为 脚本来执行,则相当于执行了./node_modules/.bin/vue-cli-service serve
。
原文链接:https://blog.csdn.net/web2022050901/article/details/125165316
三、有什么用
npm run dev
:只是用来调试的,开发就够了;
补充说明:
有一个相似的命令就是下面这个,也是用来搭建环境的,但有一点小区别,具体情况具体额分析。
npm run build
:你想用提交小程序版本的时候,运行,然后代码都会被压缩,提交的时候就更小了。
更多推荐
已为社区贡献1条内容
所有评论(0)