配置vue环境

在config文件新建自己所需的环境(例:test测试环境,peod正式环境)

  • 新建test.env.js和prod.env.js
'use strict'
module.exports = {
   NODE_ENV: '"testing"',
   BASE_API: '"https://test.com"',//自己配置的域名或者其他可以放这里
   REAL_NAME: '"test"'//环境名称,可随意更改
}
'use strict'
module.exports = {
  NODE_ENV: '"production"',
  BASE_API: '"https://prod.com"',//自己配置的域名或者其他可以放这里
  REAL_NAME: '"prod"',//环境名称,可随意更改
}
  • 修改build/build 14行的代码为
const spinner = ora("building for " + process.env.env_config)
spinner.start()
  • 修改build/webpack.prod.conf.js  14行代码为
// const env = require('../config/prod.env')
const env = require("../config/" + process.env.env_config + ".env")
  • 修改package.json  下的scripts    主要是修改了打包方式 

       这里需要安装cross-env来配合,npm install --save-dev cross-env

"scripts": {
    "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build:dev": "cross-env NODE_ENV=production env_config=dev node build/build.js",
    "build:test": "cross-env NODE_ENV=production env_config=test node build/build.js",
    "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js"
  },
  • 最后怎么打包都可以了 比如打生产包:npm run build:prod
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值