Gecko [ fernandoquevedodop.com ]

Name	Size	Permission
README.md.gz	7.38 KB	-rw-r--r--
assets.md	3.09 KB	-rw-r--r--
changelog.Debian.gz	643 B	-rw-r--r--
cloud9.md.gz	4.06 KB	-rw-r--r--
copyright	1.44 KB	-rw-r--r--
css.md.gz	2.4 KB	-rw-r--r--
deployment.md.gz	2.2 KB	-rw-r--r--
docker.md	1.56 KB	-rw-r--r--
engines.md.gz	2.19 KB	-rw-r--r--
env.md	1.93 KB	-rw-r--r--
es6.md	2.8 KB	-rw-r--r--
folder-structure.md	1.26 KB	-rw-r--r--
misc.md	470 B	-rw-r--r--
props.md.gz	1.73 KB	-rw-r--r--
testing.md.gz	1.84 KB	-rw-r--r--
troubleshooting.md.gz	2.69 KB	-rw-r--r--
typescript.md	2.64 KB	-rw-r--r--
v4-upgrade.md.gz	2.82 KB	-rw-r--r--
webpack-dev-server.md	2.85 KB	-rw-r--r--
webpack.md.gz	3.75 KB	-rw-r--r--
yarn.md	789 B	-rw-r--r--

Code Editor : env.md

# Environment variables

Environment variables are supported out of the box in Webpacker. For example if
you run the webpack dev server like so:
```
FOO=hello BAR=world ./bin/webpack-dev-server
```

You can then reference these variables in your JavaScript app code with
`process.env`:

```js
console.log(process.env.FOO) // Compiles to console.log("hello")
```

You may want to store configuration in environment variables via `.env` files,
similar to the [dotenv Ruby gem](https://github.com/bkeepers/dotenv).

In development, if you use [Foreman](http://ddollar.github.io/foreman) or [Invoker](http://invoker.codemancers.com)
to launch the webpack server, both of these tools have basic support for a
`.env` file (Invoker also supports `.env.local`), so no further configuration
is needed.

However, if you run the webpack server without Foreman/Invoker, or if you
want more control over what `.env` files to load, you can use the
[dotenv npm package](https://github.com/motdotla/dotenv). Here is what you could
do to support a "Ruby-like" dotenv:

```
yarn add dotenv
```

```javascript
// config/webpack/environment.js

...
const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
const dotenv = require('dotenv')

const dotenvFiles = [
  `.env.${process.env.NODE_ENV}.local`,
  '.env.local',
  `.env.${process.env.NODE_ENV}`,
  '.env'
]
dotenvFiles.forEach((dotenvFile) => {
  dotenv.config({ path: dotenvFile, silent: true })
})

environment.plugins.prepend('Environment', new webpack.EnvironmentPlugin(JSON.parse(JSON.stringify(process.env))))

module.exports = environment
```

**Warning:** using Foreman/Invoker and npm dotenv at the same time can result in
confusing behavior, in that Foreman/Invoker variables take precedence over
npm dotenv variables.

If you'd like to pass custom variables to the on demand compiler, use `Webpacker::Compiler.env` attribute.

```rb
Webpacker::Compiler.env['FRONTEND_API_KEY'] = 'your_secret_key'
```

${this.title}

Code Editor : env.md