vue测试环境和正式环境的切换问题

Question

初学vue，用脚手架搭了一个项目，在 "dev.env.js"中添加了一个"API_ROOT",代码如下

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

module.exports = merge(prodEnv, {
    NODE_ENV: '"development"',
    API_ROOT:'"http://xxx.xxx.xxx"'
});

之后再src文件夹下创建一个api.js

var app = process.env.API_ROOT;

然后在config文件夹中的index.js引用api.js做代理，如果是在api.js中写死的路径，是可以调用接口的，但是如果用process.env.API_ROOT进行接口拼接，就会报500错误，显示
Cannot read property 'split' of null
所以想问一下在“dev.env.js”中配置的是可以全局调用吗，为什么会显示null