什么是npmscript

与其说npmscript,不如说是npm中的script。当我们使用npm init创建一个package.json文件时，里面会自带这一名称。

package.json：

{
  "name": "gulp3",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"成功啦成功啦\" && exit 1",
    "haha": "mkdir app && cd app && touch hahaha1.js",
    "delete": "rm -rf app"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.18.12"
  },
  "dependencies": {
    "browser-sync": "^2.18.12"
  },
  "description": ""
}

npmscript能做什么

类似gulp一样，都可以实现前端工程化。例如上面的例子中，当输入npm test时，会输出“成功啦成功啦”字样，当输出haha时，会执行代码，即创建一个名叫APP的文件夹，进入这个文件夹中，新建名为hahaha1.js文件。

npmscript与gulp的区别

• npmscript偏向于简单的，仅依靠操作命令行的用途。
• gulp更偏向于复杂的，需要十分多步骤的操作。