vue-human-env

vue-human-env 2.0.2

vue-human-env is a object to save your application environment variables. And you can get some value from it.

Just support vue2

Install

Step 1: In your terminal

$ yarn add vue-human-env // or using `npm install`

Step 2: Must set babel in your webpack

loaders: [
  // Other loaders
  {
    test: /vue-human-env\/.*?js$/,
    loader: 'babel'
  }
]

Step 3: In your application, create src/env/index.js file

// src/env/index.js
import Vue from 'vue'
import VueHumanEnv from 'vue-human-env'
import config from './config.js'
import configLocal from './config.local.js'  // Copy from config.js, to save local config

Vue.use(VueHumanEnv, config, configLocal)

export default VueHumanEnv

Step 4: And then import env in your main.js

import Vue from 'vue'
import env from './env'

new Vue({
  // el....
  // store,
  // router,
  env
})

Usage

Method one

import Vue from 'vue'

Vue.env.get('APP_DEBUG')

Method two

// in Vue component
{
  mounted () {
    this.$env.get('APP_DEBUG')
  }
}

Method three

import env from '/src/some/path/env'

env.get('APP_DEBUG')

Methods

// Simply get method
env.get('APP_DEBUG')

// Using dot to get nested object
env.get('MAIL.MAIL_PORT')

How to define a config.js

export {
  APP_DEBUG: true,
  APP_NAME: 'Vue Env library',
  // Nested object
  MAIL: {
    MAIL_PORT: 900
  }
}

Contributing

// install dependencies
$ yarn install

// serve with hot reload at localhost:8080
$ npm run dev

// build this library
$ npm run build