vue-cli 2.x项目模板文件说明（十）webpack下check-versions.js篇

本文介绍的是vue-cli2.x项目中，webpack下check-versions.js文件各条命令含义
项目结构参照vue-cli 2.x项目模板文件说明（一）整体结构篇

'use strict'
const chalk = require('chalk') // 引入chalk（chalk：修改控制台中字符串的样式（字体样式加粗等／字体颜色／背景颜色））
const semver = require('semver') // 引入semver semver是语义化版本控制模块
const packageConfig = require('../package.json')
const shell = require('shelljs') // 引入shell

function exec (cmd) {
  return require('child_process').execSync(cmd).toString().trim() // 返回cmd命令执行结果
}

const versionRequirements = [
  {
    name: 'node',
    currentVersion: semver.clean(process.version), // 返回一个版本信息，主要是转化为规定格式
    versionRequirement: packageConfig.engines.node // pacgage.json 中 engines选项中记录的node版本信息
  }
]

if (shell.which('npm')) {
  versionRequirements.push({
    name: 'npm',
    currentVersion: exec('npm --version'), // 直接返回npm版本信息
    versionRequirement: packageConfig.engines.npm // 这里跟上面node的那部分是一样的
  })
}

module.exports = function () {
  const warnings = []

  for (let i = 0; i < versionRequirements.length; i++) {
    const mod = versionRequirements[i]
   // 如果版本信息不对的话，执行下面命令，红色当前版本，绿色正确版本
    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
      warnings.push(mod.name + ': ' +
        chalk.red(mod.currentVersion) + ' should be ' +
        chalk.green(mod.versionRequirement)
      )
    }
  }
// 这里就不说了，提示更新的
  if (warnings.length) {
    console.log('')
    console.log(chalk.yellow('To use this template, you must update following to modules:'))
    console.log()

    for (let i = 0; i < warnings.length; i++) {
      const warning = warnings[i]
      console.log('  ' + warning)
    }

    console.log()
    process.exit(1) // 强制终止进程
  }
}

semver ：语义化版本控制模块 详细信息查看官网，或者是这里
shell： 可以直接调用node的一些API，来完成本来应该通过命令行完成的事儿
child_process.execSync: 产生一个shell客户端，然后使用shell来执行程序，当完成的时候传递给回调函数一个stdout和stderr