Vue webpack模板自定义环境变量不起作用

Question

我正在使用webpack模板处理Vue SPA应用。如何从Vue访问环境变量？我这样做：

在config / dev.env.js

中

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

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  MY_VAR: '"aaaa"'
})

在main.js

中

import Vue from 'vue'
import App from './App'

Vue.config.productionTip = true

/* eslint-disable no-new */
new Vue({
  el: '#app',
  template: '<App/>',
  components: { App },
  created () {
    console.log(process.env.NODE_ENV) // development
    console.log(process.env.MY_VAR) // undefined
  }
})

但是当我使用npm run dev运行项目时，我的MY_VAR变量不起作用？为什么返回undefined？我错过了什么？