npm脚本实际运行目录在哪？手动执行webpack报错如何解决？

一、npm脚本的实际运行目录 #

npm脚本就是在你执行npm run命令时所在的my_directory目录下运行的，不存在切换到其他目录的情况。之所以npm能找到webpack命令，而手动输入找不到，核心原因是：npm在执行脚本时，会自动把项目本地的node_modules/.bin目录临时加入系统环境变量PATH中——这个目录里存放着你通过npm install安装的本地包的可执行文件软链接（包括webpack），所以脚本里能直接调用webpack；而你手动在shell里输入命令时，PATH里没有这个本地目录，自然会提示command not found。

二、如何手动在my_directory下执行webpack命令 #

有三种简单的解决方式，按需选择：

• 直接调用本地可执行文件路径：
  直接指定webpack的本地位置运行：

  ./node_modules/.bin/webpack -w --mode production --config ./webpack.config.js
  

• 用npx调用本地包：
  npx会自动查找项目本地node_modules/.bin里的命令，直接执行：

  npx webpack -w --mode production --config ./webpack.config.js
  

• 把本地bin目录加入shell的PATH（永久生效）：
  如果希望在项目目录下直接敲webpack就能运行，可以修改你的zsh配置文件（~/.zshrc），添加一行：

  export PATH=$PATH:./node_modules/.bin
  

  保存后执行source ~/.zshrc刷新配置，之后在my_directory目录下就能直接手动运行webpack命令了。

内容的提问来源于stack exchange，提问作者jennifer k.