webpack-dev-server.cmd解析

package.json 中定义了一个如下脚本:

javascript 复制代码
"scripts": {
  "dev": "webpack-dev-server"
}

npm run dev时,npm会自动查找并使用 node_modules/.bin/webpack-dev-server.cmd 文件来启动服务。

webpack-dev-server.cmd 文件内容及注释如下:

bash 复制代码
#Windows批处理脚本(Batch Script),用于配置和启动webpack-dev-server
#通过设置环境变量和命令行参数来确保Node.js应用程序以特定的内存限制和HTTP头部大小运行

#关闭命令回显:当脚本运行时,不会在命令提示符下显示每个命令
@ECHO off
#开始本地化环境更改:这个批处理文件中对环境变量做的任何改变都只会影响这个批处理文件内部,不会影响到外部环境
SETLOCAL
#调用下面的find_dp0
CALL :find_dp0

#检查在当前脚本所在的目录下是否存在一个名为node.exe的可执行文件,并且带有参数--max-old-space-size=8000
#如果存在,将_prog变量设置为该程序的完整路径
#如果不存在,将_prog变量设置为node命令加上参数,并且从PATHEXT环境变量中移除.JS扩展名,防止批处理脚本将.js文件当作可执行文件。
IF EXIST "%dp0%\node.exe --max-old-space-size=8000" (
  SET "_prog=%dp0%\node.exe --max-old-space-size=8000"
) ELSE (
  SET "_prog=node   --max-old-space-size=8000"
  SET PATHEXT=%PATHEXT:;.JS;=;%
)
#使用之前设置的_prog变量(即Node.js的路径)来启动webpack-dev-server.js,并传递额外的参数--max-http-header-size=1000000来增加HTTP头部的最大尺寸到1000000字节。%*表示传递所有原始命令行参数给webpack-dev-server.js
%_prog% "--max-http-header-size=1000000" "%dp0%\..\webpack-dev-server\bin\webpack-dev-server.js" %*
#结束本地化环境更改。撤销SETLOCAL所做的环境变量更改
ENDLOCAL
#退出批处理文件并返回上一级命令行或批处理文件,返回值是上一条命令执行后的错误级别(%errorlevel%)
EXIT /b %errorlevel%
#find_dp0标签内容:设置dp0变量为当前批处理文件所在的目录路径(包括末尾的反斜杠),然后退出此函数。
:find_dp0
SET dp0=%~dp0
EXIT /b

如果应用程序启动需要更多的内存,可以通过修改 --max-old-space-size 参数来增加内存限制

相关推荐
To_OC3 小时前
面试被问了三回三栏布局,这次我终于把 BFC 那层窗户纸捅破了
前端·css·面试
To_OC3 小时前
啃完 TS 工具类型我发现:Pick 和 Omit 原来就是一层窗户纸
前端·面试·typescript
风月说与山鬼5 小时前
三、大括号语法
前端·react.js
kyriewen5 小时前
我把最常踩的8个CORS跨域报错整理了一遍——第8个去年还不存在
前端·javascript
Csvn6 小时前
🕰️ 闭包 + setTimeout 的 5 个经典陷阱:为什么定时器看到的永远不是最新的值?
前端
lilian2336 小时前
Harmony os 技术实战|拼豆制图27:用单字符编码承载 50 张 70×70 图纸
前端·数据库·华为·harmonyos
CarIise6 小时前
CSS选择器与样式关联
前端·css·tensorflow
里欧跑得慢8 小时前
CSS 模块化架构的演进:BEM、CSS Modules 到 CSS-in-JS 的反思
前端·css·flutter·web·css-in-js
IT_陈寒8 小时前
Vue的computed属性把我坑惨了,原来我一直用错姿势
前端·人工智能·后端