vue-cli腳手架npm相關檔案說明（6）build.js

標籤：bsp   top   log   mod   npm   控制   相關   tostring   spi   

下面是build/vue-loader.conf.js中相關代碼和配置的說明

/* * npm run build 構建執行檔案，主要用於生產環境 * 建議先查閱webapck.prod.conf.js*/// npm和node版本檢查require(‘./check-versions‘)()// 設定環境變數為production// process.env 是node環境內建的變數，在命令列裡可以通過 set 變數名=值的方式來設定，等價於 set NODE_ENV=‘production‘process.env.NODE_ENV = ‘production‘var ora = require(‘ora‘) // ora是一個命令列轉圈圈動畫外掛程式，好看用的var rm = require(‘rimraf‘) // rimraf外掛程式是用來執行UNIX命令rm和-rf的用來刪除檔案夾和檔案，清空舊的檔案var path = require(‘path‘)var chalk = require(‘chalk‘) // chalk外掛程式，用來在命令列中輸出不同顏色的文字var webpack = require(‘webpack‘)var config = require(‘../config‘) // 項目設定檔var webpackConfig = require(‘./webpack.prod.conf‘) // 生產環境的Webpack設定檔var spinner = ora(‘building for production...‘) // 開啟轉圈圈動畫spinner.start()// 調用rm方法，第一個參數和第二個參數分別是 ../dist 和 static，表示刪除路徑下面的所有檔案rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {  if (err) throw err // 如果刪除的過程中出現錯誤，就拋出這個錯誤，同時程式終止  // 調用webPack執行構建  webpack(webpackConfig, function (err, stats) {    spinner.stop()    if (err) throw err    process.stdout.write(stats.toString({ // stats對象中儲存著編譯過程中的各種訊息      colors: true, // 增加控制台顏色開關      modules: false, // 不增加內建模組資訊      children: false, // 不增加子級資訊      chunks: false, // 允許較少的輸出      chunkModules: false // 不將內建模組的資訊加到包資訊    }) + ‘\n\n‘)    console.log(chalk.cyan(‘  Build complete.\n‘))    console.log(chalk.yellow(      ‘  Tip: built files are meant to be served over an HTTP server.\n‘ +      ‘  Opening index.html over file:// won\‘t work.\n‘    ))  })})

參考：http://www.cnblogs.com/ye-hcj/archive/2017/06.html

 

vue-cli腳手架npm相關檔案說明（6）build.js