执行npm run serve/build的时候到底执行了什么?

一、npm run build 执行的顺序是什么,到底执行了什么

众所周知,npm run 执行的是package.json里面scripts对象的key对应的value值,npm run serve实际执行的就是npm run vue-cli-service serve
在这里插入图片描述

首先我们来做个测试,新增一个test命令,如期的输出了“hello vue”
在这里插入图片描述

执行了test 后面的echo , 那么 npm run vue-cli-service serve 后面的serve 是干啥的呢?再来看看,其实就是将后面的当成了参数
在这里插入图片描述

我们再换个写法,毋庸置疑,肯定会报错,因为找不到自定义的my-npm-test
在这里插入图片描述

在node_modules文件夹下创建如下文件夹,这个js文件就算将参数打印出来,process.argv具体可参照
在这里插入图片描述

但是让这个文件执行的话还需要创建相对应的脚本

这个shell会将当前项目的可执行依赖目录(即node_modules/.bin)添加到环境变量path中,当执行之后之后再恢复原样。

就是说脚本命令中的依赖名会直接找到node_modules/.bin下面的对应脚本,而不需要加上路径(官网(执行npm help run)也有提到过)。
在这里插入图片描述

举一反三,npm run serve也就不难理解了,node_modules/.bin下面一定有两个vue-cli-service的文件,然后很容易就会找到vue-cli-service.js 这个文件(未完待续)

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: npm run buildnpm run serve 是使用 npm 命令来运行项目的不同方式。 npm run build 命令用于构建项目,编译代码并生成生产环境所需的相关文件,以便最终将项目部署到 Web 服务器。 npm run serve 命令则用于启动本地服务器(通常是 Node.js 服务器)来运行项目,供开发者在其本地机器上进行开发和测试。通常情况下,npm run serve 模式下的项目具有更多的调试和开发工具,方便开发者进行调试和测试。 ### 回答2: npm run buildnpm run serve是两个常用的命令,都是在使用npm管理包和构建项目时需要用到的。 npm run build是一个用于构建项目的命令。一般在项目开发完成后,需要将项目打包成发布版本。这个命令会执行构建脚本,并按照设定好的构建规则将项目的各个模块打包到一个文件中。执行构建过程中,会进行压缩、优化等各种处理,以减小打包后文件的大小,提高用户打开速度。通过这个命令生成的文件,用户可以直接在浏览器中访问,查看项目效果。 npm run serve是一个用于启动本地开发服务器的命令。在项目开发过程中,需要频繁地运行和调试代码。这个命令会启动一个本地开发服务器,实时监听文件变化,并及时更新浏览器中的页面。这样,在开发过程中,开发人员可以更加方便快捷地进行调试和测试,提高开发效率和质量。 总的来说,npm run buildnpm run serve是项目开发过程中常用的两个命令。npm run build用于构建项目,生成发布版本;npm run serve则用于启动本地开发服务器,方便快捷地进行调试和测试。它们都可以通过npm管理包,并通过npm scripts来自定义脚本,方便地进行各种操作和定制化。 ### 回答3: npm run buildnpm run serve 是开发中常用的两个命令。 npm run build 是用于将开发中的源代码打包成生产环境中可以运行的静态文件,包括 HTML、CSS、JS 等。这个命令会把项目中的代码进行优化、压缩,减少访问大小,以提高网站性能,最终生成一个构建后的文件夹。 一般情况下,我们在开发的时候会在一个 devServer 上进行预览和测试,而当我们需要在生产环境中部署我们的代码时,就需要打包我们的代码。通过 npm run build 的命令,我们可以把开发完成的项目打包成生产环境可执行的代码。 相反,npm run serve 是用于在本地预览构建后的项目的命令。它利用 webpack 开启一个本地服务器,在 localhost:8080 上启用我们的构建方式生成的文件,从而进行实时调试和查看。 在项目开发结束后,我们可以使用 npm run build 命令来生成最终的部署文件,然后将其部署到服务器上。如果在部署前想要查看一下部署后的网站效果,就可以通过 npm run serve 命令在本地启动一个服务器进行查看。 总的来说,npm run build 用于构建代码,生成可部署的文件;npm run serve 用于启动本地预览服务器,方便开发者在本地调试查看代码效果。两个命令都是开发过程中不可或缺的一部分。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值