官方文档:
https://docs.npmjs.com/cli/v6/using-npm/scripts

执行原理

使用npm run script执行脚本的时候都会创建一个shell,然后在shell中执行指定的脚本。
这个shell会将当前项目的可执行依赖目录(即node_modules/.bin)添加到环境变量path中,当执行之后之后再恢复原样。就是说脚本命令中的依赖名会直接找到node_modules/.bin下面的对应脚本,而不需要加上路径。

执行顺序

一个npm脚本可以执行多个任务,这些任务之间可以指定不同的执行顺序。

  1. '&' 并行执行顺序,同时执行
  2. "dev":"node test.js & webpack"
  3. '&&'继发顺序,执行前面之后才可以执行后面
  4. "dev":"node test.js && webpack"

顺序钩子

npm脚本自带两个顺序钩子,’pre’ 和 ‘post’

  1. "predev":"node test_one.js",
  2. "dev":"node test_two.js",
  3. "postdev":"node test_three.js"

当执行 npm run dev 的时候默认就会执行

  1. npm run predev && npm run dev && npm run postdev

生命周期脚本

  1. prepare: 在打包之前运行
  2. prepublish: 在包发布之前运行
  3. prepublishOnly: 在本地运行,npm install没有任何参数
  4. prepack: 运行之后prepublish,但之前prepublishOnly
  5. postpack: 注意:如果通过 git 安装的包包含prepare脚本,则在打包和安装包之前dependencies,devDependencies将安装该脚本,并运行准备脚本。

有一些特殊的生命周期脚本只在某些情况下发生。上面这些脚本发生在“pre”和“post”脚本之外。

获取当前正在运行的脚本名称

npm 提供一个 npm_lifecycle_event 变量,返回当前正在运行的脚本名称,可以配合顺序钩子使用

  1. npm run dev
  2. const target = process.env.npm_lifecycle_event;
  3. if(target === 'predev'){
  4. console.log('the process is predev')
  5. }
  6. if(target === 'dev'){
  7. console.log('the process is dev')
  8. }
  9. if(target === 'postdev'){
  10. console.log('this process is postdev')
  11. }

四个可以简写的脚本执行命令

  1. npm start === npm run start
  2. npm stop === npm run stop
  3. npm test === npm run test
  4. npm restart === npm run stop && npm run restart && npm run start

使用package.json内部变量

通过npmpackage前缀,npm脚本可以拿到npm的内部变量

  1. package.json:
  2. {
  3. "name":"zzpzds",
  4. "script":"node test.js"
  5. }
  6. test.js:
  7. console.log(process.env.npm_package_name) //zzpzds