environment variables inside "webpack.mix.js" doesnt work anymore

• Laravel Mix Version: v1.4.2
• Node Version v8.4.0
• NPM Version v5.3.0
• OS: OSX 10.11.6

Description:

using an evn variable no longer works on assets compilation, on older version of mix 0.11.4 it was working correctly.

Steps To Reproduce:

• create a new folder and name it something like “resources/bulma/xxx.scss”
• make an env var equal to that name “MIX_MM_FRAMEWORK=bulma”
• compile against the env var name

mix.sass('resources/' + process.env.MIX_MM_FRAMEWORK + '/xxx.scss', 'public/assets/vendor/style.css')
    .version()

https://github.com/JeffreyWay/laravel-mix/issues/1096

[dabernathy89]

@ctf0 BTW it looks like all you need to do is use the dotenv package yourself (already installed by Mix). For example, here’s how i’m using it to define the Browsersync proxy URL for a WordPress theme:

let mix = require('laravel-mix');
require('dotenv').config();
 
let proxy_url = process.env.BROWSERSYNC_PROXY_URL || 'local.wordpress.dev';

// .. your mix configuration here...
    .browserSync({
        proxy: proxy_url,
    });

[josegus]

I could i never realize that just using process.env.APP_URL works! I’m using laravel-mix v4, no need to require dotenv