NPM脚本集成

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

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

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

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

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

这里,我们的预构建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生成打包文件。