Add the dotenv-webpack plugin to Laravel Mix to securely add dotenv and other environment variables and only expose what you use.

dotenv-mix

Installation

yarn add dotenv-mix

const mix = require('laravel-mix')
const env = require('dotenv-mix')

// Register with Laravel Mix. You can use any name you want
mix.extend('env', env)

mix.js('resources/js/app.js', 'public/js')
    .env()

Usage

Once the component has been added to Mix no configuration is required. The .env file will be used by default.

To use a different file pass the path as the first argument to .env().

mix.env('.env.mix')

An options object can be passed as the second argument. This supports all the same options as dotenv-webpack (except path).