npm run dev(pnpm run dev) 的过程都做了什么？

最新推荐文章于 2024-06-05 10:08:10 发布

提莫拌一团蘑菇

最新推荐文章于 2024-06-05 10:08:10 发布

阅读量1.6k

点赞数 5

文章标签： npm 前端 node.js 前端框架 vue.js webpack

本文链接：https://blog.csdn.net/dujing_15620553271/article/details/136529383

版权

pnpm run dev 命令执行的过程通常涉及以下步骤：

解析命令：当你在项目中运行 pnpm run dev 时，pnpm 首先会查找项目根目录下的 package.json 文件。在这个文件的 scripts 字段里，它会找到名为 "dev" 的脚本定义。
执行脚本：根据 package.json 中 "dev" 脚本的定义，pnpm 将执行相应的命令。例如，如果配置如下：

   "scripts": {
     "dev": "webpack serve --config webpack.dev.config.js"
   }

那么 pnpm run dev 实际上是运行了 webpack serve --config webpack.dev.config.js 这个命令。

启动开发服务器：在上述例子中，webpack-dev-server（或类似工具如 Vite、Parcel 等）会被启动，开始监听指定目录下的源代码变化，并且根据配置文件（这里是 webpack.dev.config.js）进行实时编译打包。
模块加载与热更新：开发服务器不仅提供静态资源服务，还可能启用热模块替换功能（HMR, Hot Module Replacement），使得在开发过程中修改代码后无需手动刷新浏览器就能看到变更效果。
环境变量配置：如果在执行脚本的过程中使用了环境变量，比如通过 -mode=development 或读取 .env.development 文件来设置特定的开发环境变量，那么这个过程也会处理这些环境相关的配置。
依赖管理：因为 pnpm 是一个包管理器，所以在运行脚本之前，它会确保所有必需的依赖已经安装并且正确链接到项目的节点模块环境中。

综上所述， pnpm run dev 的过程主要就是按照项目设定的开发流程自动化地完成一系列构建和部署操作，以便于开发者能够快速地进入本地开发状态并持续迭代。

关注