码迷,mamicode.com
首页 > Web开发 > 详细

npm run build根据不同参数打包不同环境url

时间:2018-12-09 16:34:34      阅读:573      评论:0      收藏:0      [点我收藏+]

标签:use   ons   打包   style   截取   proc   process   pack   npm   

config文件夹下

dev.env.js中修改代码

‘use strict‘
const merge = require(‘webpack-merge‘)
const prodEnv = require(‘./prod.env‘)

module.exports = merge(prodEnv, {
  NODE_ENV: ‘"development"‘,
  HOST: ‘"dev"‘
})

 

  prod.env.js中修改代码   HOST为截取到的参数

‘use strict‘
let HOST = process.argv.splice(2)[0] || ‘prod‘;
module.exports = {
  NODE_ENV: ‘"production"‘,
  HOST: ‘"‘+HOST+‘"‘
}

 

  在封装axios请求的文件中

/**
 * 环境切换
 */
let apiUrl = ‘‘
let HOST = process.env.HOST;
if(HOST === ‘prod‘){
    apiUrl = ‘http://10.1.28.221:12001‘
}
if(HOST === ‘test‘){
    apiUrl = ‘http://10.88.10.31:12002‘
}
axios.defaults.baseURL = apiUrl;

 

  

  这样只需在打包的时候带上参数就可以自动切换不同的url

生产环境:npm run build -- prod

测试环境:npm run build --test

npm run build根据不同参数打包不同环境url

标签:use   ons   打包   style   截取   proc   process   pack   npm   

原文地址:https://www.cnblogs.com/aizz/p/10090996.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!