MIX_ prefixed variable in .env not present in webpack.mix.js

• Laravel Mix Version: 1.4.2
• NPM Version: 5.3.0
• OS: macOS 10.12.6

Description:

I place some variables inside my .env file prefixed with MIX_ as it is stated in documentation (https://laravel.com/docs/5.4/mix#environment-variables) that should be available in my process.env variable but it’s not being injected, what am I missing here?

.env:

MIX_SOME_VAR=some_value

webpack.mix.js:

let mix = require('laravel-mix');
console.log(process.env); // a large object without my var
console.log(process.env.MIX_SOME_VAR); // undefined
...

I made sure to restart my npm run watch process after placing the variable

[rachid-essakhi]

@diegocam the purpose of .env is to make your credentials secret, if every variable is available that means your secrets are accessible to anyone, that’s why the MIX_ prefix. But we have this options

AWS_ACCESS_KEY=somekey

MIX_AWS_ACCESS_KEY="${AWS_ACCESS_KEY}"

Access secret should do not me shared with mix 😉

[JeffreyWay]

You can’t access those env vars from your webpack.mix.js file, but you can from your main script. So if you have:

mix.js('resources/assets/js/app.js', 'js');

And then app.js has:

console.log(process.env.MIX_SOME_VAR);

Once you compile down, it’ll be:

console.log("some_value");