vue-cli中的build.js配置文件详细解析

本文详细解析了vue-cli的build.js配置文件,包括版本检查、环境变量设置、文件清理、webpack编译等关键步骤。通过ora提供命令行动画,rimraf用于删除dist目录,webpack进行生产环境构建,并提示用户关于文件服务的要求。
摘要由CSDN通过智能技术生成

这是vue-cli脚手架工具的生产环境配置入口 package.json中的"build": "node build/build.js"的直接指向。

//版本检查 node的版本号 版本有要求"engines": {“node”: “>= 4.0.0”,“npm”: “>= 3.0.0”}
//立即执行
require(’./check-versions’)()
//process是node中的global全局对象的属性,process是node中的全局变量,env设置环境变量
process.env.NODE_ENV = ‘production’
// ora是一个命令行转圈圈动画插件,好看用的
var ora = require(‘ora’)
// rimraf插件是用来执行UNIX命令rm和-rf的用来删除文件夹和文件,清空旧的文件
var rm = require(‘rimraf’)
// node.js路径模块 连接路径,例子:path.join(’/foo’, ‘bar’, ‘baz/asdf’, ‘quux’, ‘…’);// 返回: ‘/foo/bar/baz/asdf’var path = require(‘p//chalk插件,用来在命令行中输入不同颜色的文字
var chalk = require(‘chalk’)
// 引入webpack模块使用内置插件和webpack方法
var webpack = require(‘webpack’)
//commonJs风格,引入文件模块,引入模块分为内置模块与文件模块两种
var config = require(’…/config’)
var webpackConfig = require(’./webpack

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值