cross-env⾃定义变量
接上⽂继续学习webpack的其他知识与技巧：
上⽂：
中秋习俗前⾔：之前我们对package.json中的rve 和 build进⾏了区分（有疑惑的朋友可以点击上⽅的超链接查看上篇），可以理解为是运⾏和打包配置的⾃定义。
蝴蝶简笔画那运⾏与运⾏之间，打包与打包之前的⾃定义该如何区分呢？
trimmean--package.json
"scripts":{
"rve":"vue-cli-rvice rve",
"build":"vue-cli-rvice build",
"lint":"vue-cli-rvice lint",
雅思阅读
}
以上是vue-cli搭建的默认配置，在实际开发中常常需要⼀个系统可定制化，这就可能需要不同的指令来运⾏或者打包不同的静态资源，⽐如对A 客户的项⽬打包A页⾯，对B客户的项⽬打包B页⾯。
我们以build举例 要达到以下的效果：
现在假设：TYPE是标识不同公司的标识项
"scripts":{
"rve":"vue-cli-rvice rve",
"build:A":" TYPE=A vue-cli-rvice build",
"build:B":" TYPE=B vue-cli-rvice build",
"build:C":" TYPE=C vue-cli-rvice build",
"lint":"vue-cli-rvice lint"
}
当然直接这样写是没有⽤的
这⾥就要引⼊cross-env了
cross-env
安装
npm i cross-env --save端午节英语作文
cross-env有⼀个默认的环境变量：NODE_ENV:⼀般⽤于区分⽣产和开发环境
"rve":"vue-cli-rvice rve",
"rve:test":"cross-env NODE_ENV=development VERSION=1 vue-cli-rvice rve "
以上有⼀个VERSION=1 与NODE_ENV不同的是这是⼀个⾃定义变量需要配置：
山东高考分数线2014配置⽅法：
新建⼀个fig.js
const webpack =require("webpack");
configureWebpack:{
plugins:[
new webpack.DefinePlugin({
lucent
马拉多纳的介绍'v':{
VERSION:'"'+ v.VERSION+'"',
}
})
norgay],
}
jdkf
}
这样就可以拿到配置的变量了。
