NPM 脚本集成

NPM允许我们在package.json文件中定义自定义脚本。然后，这些可以使用NPM CLI执行任务。

我们依靠这些脚本来管理大多数项目任务以及适配webpack。

这些脚本在package.json文件的scripts属性中定义。例如：

...
  scripts: {
    "clean": "rimraf dist",
    "prebuild": "npm run clean",
    "build": "NODE_ENV=production webpack",
  }
...

NPM允许前后任务绑定，方法是先将单词pre或post分别附加到任务名称。

这里，我们的预构建prebuild任务在我们的build任务之前执行。

我们可以从另一个NPM脚本内部运行NPM脚本。

要调用构建脚本，我们运行命令npm run build：

1. prebuild任务执行；
2. prebuild任务运行clean任务，执行rimraf dist命令；
3. rimraf（命令来自NPM包）递归删除指定文件夹中的所有内容；
4. 执行构建任务。 这会将NODE_ENV环境变量设置为production ，并启动webpack构建；
5. Webpack根据项目根文件夹中可用的webpack.config.js生成打包文件。