VUE中CROSS-ENV不同环境配置打包命令及一些安装命令解释---记录

3 篇文章 0 订阅

动态配置开发,测试,生产三种对应域名及其及打包命令。使用cross-env可以让配置环境更加清晰明了还好管理。

cross-env的作用是不需要全局配置NODE_ENV在scripts脚本中修改NODE_ENV的值从而实现不同环境中proccess.env.NODE_ENV的不同,而config的工作原理就是基于NODE_ENV这个值的,所以推荐两者结合使用。

安装 cross-env

1

npm install --save-dev cross-env

-savesave-dev可以省掉你手动修改package.json文件的步骤。
spm install module-name -save 自动把模块和版本号添加到dependencies部分
spm install module-name -save-dve 自动把模块和版本号添加到devdependencies部分

至于配置文件区分这俩部分, 是用于区别开发依赖模块和产品依赖模块, 以我见过的情况来看 devDepandencies主要是配置测试框架。

执行 npm install --production,可以看到,npm只帮我们自动安装package.json中dependencies部分的模块;

如果执行npm install ,则package.json中指定的dependencies和devDependencies都会被自动安装进来。

使用

npm run dev 打包的是开发环境
npm run test 打包的是测试环境
npm run pro 打包的是生成环境

1

2

3

"dev":"cross-env NODE-ENV=development node build/webpack.deb.conf.js"

"build --qa":"cross-env NODE_ENV=testing node build/build.js"

"build --prod":"cross-env NODE_ENV=production node build/build.js"

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值