node_modules中.bin文件详解

1.package.json

"scripts": {
    "start": "webpack --config webpack.config.js"
}

命令解析: package.json中使用的命令,比如webpack,会从node_modules/.bin/目录下找到对应的命令

---

2. .bin文件目录

image.png

分别有webpack( unix系的shell脚本)和webpack.cmd( windows bat脚本)两个命令,
webpack.cmd

@IF EXIST "%~dp0\node.exe" (
  "%~dp0\node.exe"  "%~dp0\..\webpack\bin\webpack.js" %*
) ELSE (
  @SETLOCAL
  @SET PATHEXT=%PATHEXT:;.JS;=;%
  node  "%~dp0\..\webpack\bin\webpack.js" %*
)

%~dp0是当前目录的意思
意思是,使用node执行对应目录下的js文件,此处执行webpack包下的对应文件

image.png

此处就是webpack命令的入口文件了