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命令的入口文件了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作为前端工程师应该都知道这个东东,在我的电脑里存有几年积攒下来的各种工程约一百G,现在换了新电脑,导资料真麻烦,因...
    老鼠AI大米_Java全栈阅读 44,211评论 0 8
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 6,440评论 0 2
  • 构建一个小项目——FlyBird,学习webpack和react。(本文成文于2017/2/25) 从webpac...
    布蕾布蕾阅读 17,045评论 31 98
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,708评论 4 31
  • 灵感来了,就想赶紧记录下来,有记录才有发生。这源于晚上的一个分享,当我不断的回顾学习时间管理以来自己的改变,还是有...
    欢Aili阅读 1,355评论 0 0

友情链接更多精彩内容