webpack启动分析

67 阅读1分钟
graph TD
npm-->node_modules/.bin-->webpack.sh/webpack.cmd-->node_modules/webpack/bin/webpack.js --> 最终找到webpack-cli这个npm包,并且执行cli
  • node_modules/.bin 目录是 Node.js 和 npm(Node Package Manager)中自动生成的一个特殊目录,用于存放项目中安装的 npm 包的可执行文件。
"scripts" : {
    "restart": "webpack"
}

npm run restart 相当于 node_modules/.bin webpack

即:

1280X1280.PNG

也就是

联想截图_20241017203825.png

下图是webpack/bin/webpack.js

image.png

然后读取到 webpack-cli/package.json的bin字段下的webpack-cli,即 "./bin/cli.js"

微信图片_20241017204827.png

微信图片_20241017204832.png