vue-cli中配置webpack系列文章二 ------ check-versions.js

Eidesen 發(fā)布于2019-08-26 13:50 / 2468人閱讀

check-versions.js

  //定制控制臺日志的輸入樣式
  var chalk = require("chalk")
    // 加載語義化版本測試庫
  var semver = require("semver")
    // 引入package.json文件
  var packageConfig = require("../package.json")
  function exec(cmd) {
    // require("child_process")調(diào)用nodejs子進程，
    // execSync同步的exec方法執(zhí)行command
    return require("child_process").execSync(cmd).toString().trim()
  }
  var versionRequirements = [{
    name: "node",
    // process.version是當(dāng)前使用的node版本信息"v7.1.0"
    // semver.clean("  =v1.2.3   ")返回"1.2.3"
    // semver.clean(process.version)格式化返回當(dāng)前使用的node版本信息"7.1.0"
    currentVersion: semver.clean(process.version),
    // 從package.json讀取node版本要求
    versionRequirement: packageConfig.engines.node
  }, {
    name: "npm",
    currentVersion: exec("npm --version"),
    // 從package.json讀取npm版本要求
    versionRequirement: packageConfig.engines.npm
  }]
  module.exports = function() {
    var warnings = []
    for (var i = 0; i < versionRequirements.length; i++) {
      var mod = versionRequirements[i]
        // 判斷現(xiàn)有版本是否滿足要求
      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 (var i = 0; i < warnings.length; i++) {
        var warning = warnings[i]
        console.log("  " + warning)
      }
      console.log()
      // 按照linux的規(guī)范，一般成功用0表示，而非0則表示失敗。存在不滿足版本要求的模塊，執(zhí)行失敗
      process.exit(1)
    }
  }

GPU云服務(wù)器云服務(wù)器 webpack cdn配置 webpack配置cdn webpack常用配置項如何批量替換wordpress文章中的文

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/109653.html

相關(guān)文章

vue-cli#4.7項目結(jié)構(gòu)分析

摘要：前言使用過進行項目開發(fā)的同學(xué)，一定知道或者使用過腳手架，他能夠很好的搭建項目結(jié)構(gòu)和工程，讓我們能夠把足夠的精力放在業(yè)務(wù)開發(fā)上。對象提供一系列屬性，用于返回系統(tǒng)信息返回當(dāng)前進程的命令行參數(shù)數(shù)組。前言使用過 vue 進行項目開發(fā)的同學(xué)，一定知道或者使用過 vue-cli 腳手架，他能夠很好的搭建項目結(jié)構(gòu)和工程，讓我們能夠把足夠的精力放在業(yè)務(wù)開發(fā)上。也正是因為這樣，很多時候我們會因為項目...

EastWoodYang 2019-08-22 17:09 評論0 收藏0
vue-cli webpack配置分析

相信vue使用者對vue-cli都不會陌生，甚至可以說，很熟悉了，但對其webpack的配置可能知之甚少吧。過完年回來后，我接手了公司的新項目。新項目是一個spa。很自然，我就想到了vue-cli腳手架了，當(dāng)時研究一下它的webpack配置。于是，就有了其他的內(nèi)容。今天這篇文章，是在原來的基礎(chǔ)上，增加了一些新版本的內(nèi)容，但實質(zhì)上變化不大。說明此倉庫為vue-cli webpack的配置分析...

suemi 2019-08-21 11:35 評論0 收藏0
一字一句的搞懂vue-cli之vue webpack template配置

摘要：神一樣的存在。所以呢，就利用兩天時間，參考了一些他人的文章，查閱了一些官方的配置，就在此先稍微記錄一下。這份配置解析是基于最新版本的。不過，我非常建議，先別看我的文章，自己一句一句的通讀一遍。和中的配置含義相似。 webpack--神一樣的存在。無論寫了多少次，再次相見，仍是初見。有的時候開發(fā)vue項目，對尤大的vue-cli感激涕零。但是，但是，但是。。。不是自己的東西，真的很不想折...

atinosun 2019-08-22 11:20 評論0 收藏0
vue基礎(chǔ)與項目構(gòu)建入門

摘要：基礎(chǔ)與項目構(gòu)建入門最近兩年，同學(xué)們出去討論前端的框架，相信大家對也并不陌生，并稱前端三大框架各有各的特色，在這里說一下，我們非常有必要學(xué)習(xí)這些東西，不管是求職面試，還是公司需要什么是讀音，類似于是一套構(gòu)建用戶界面的漸進式框架。 vue基礎(chǔ)與項目構(gòu)建入門最近兩年，同學(xué)們出去討論前端的框架，相信大家對vue也并不陌生，vue、angular、React并稱前端三大框架！各有各的特色，在這...

nevermind 2019-08-20 18:25 評論0 收藏0
vue-cli 目錄結(jié)構(gòu)詳細(xì)講解

摘要：前端開發(fā)過程中需要使用到后臺的的話，可以通過配置來將相應(yīng)的后臺請求代理到專用的服務(wù)器。主要完成下面幾件事情合并基礎(chǔ)的配置配置樣式文件的處理規(guī)則，配置的輸出配置插件模式下的插件配置分析說明插件里面多了丑化壓縮代碼以及抽離文件等插件。 [toc] 目錄結(jié)構(gòu)預(yù)覽 ├─build // 保存一些webpack的初始化配置,項目構(gòu)建 │ ├─build.js ...

GHOST_349178 2019-08-02 14:03 評論0 收藏0