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

Eidesen 發布于2019-08-26 13:50 / 2315人閱讀

check-versions.js

  //定制控制臺日志的輸入樣式
  var chalk = require("chalk")
    // 加載語義化版本測試庫
  var semver = require("semver")
    // 引入package.json文件
  var packageConfig = require("../package.json")
  function exec(cmd) {
    // require("child_process")調用nodejs子進程，
    // execSync同步的exec方法執行command
    return require("child_process").execSync(cmd).toString().trim()
  }
  var versionRequirements = [{
    name: "node",
    // process.version是當前使用的node版本信息"v7.1.0"
    // semver.clean("  =v1.2.3   ")返回"1.2.3"
    // semver.clean(process.version)格式化返回當前使用的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]
        // 判斷現有版本是否滿足要求
      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的規范，一般成功用0表示，而非0則表示失敗。存在不滿足版本要求的模塊，執行失敗
      process.exit(1)
    }
  }

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109653.html

vue-cli#4.7項目結構分析

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

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

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

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

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

atinosun 2019-08-22 11:20 評論0 收藏0
vue基礎與項目構建入門

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

nevermind 2019-08-20 18:25 評論0 收藏0
vue-cli 目錄結構詳細講解

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

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