vue 如何读取编译携带的参数

vue 环境有很多套,我们需要根据不同环境设置不同的一些参数,如何不装任何依赖的情况下获取参数

下面是我制作官网,需要根据开发还是生产环境配置不同CDN,用vue-cli2+webpack,配置是再:prod.env.js

'use strict'
const config = require('./index')
let argvs = JSON.parse(process.env.npm_config_argv).original;
//下面的步骤就是获取命令行参数。
let cdn_path = '';
let env = argvs.slice(2)[0] ? argvs.slice(2)[0].substring(2) : 'dev';
if (env === 'prod') {
  cdn_path = config.build.cdnPath
}
if (env === 'dev') {
  cdn_path = config.dev.cdnPath
}
module.exports = {
  NODE_ENV: '"production"',
  CDN_PATH: JSON.stringify(cdn_path)
}

其中编译的命令:

npm run build --dev

npm run build --prod

获取参数的关键是process.env.npm_config_argv

posted on 2019-08-23 09:54  IT-HourseMan  阅读(1435)  评论(0编辑  收藏  举报