Laravel Mixで.envをJSで使用する

WEB制作
Laravel Mixで.envをJSで使用する
目次

JSで.envを使用する

MIX_のPrefixを使用すると設定できます。呼び出しはprocess.envオブジェクトから取得できます。

設定例

MIX_PUBLIC_TOKEN="foo"

呼び出し例

alert(process.env.MIX_PUBLIC_TOKEN);

読み込みファイルの変更

読み込みファイルの読み込みはdotenv-expandを使用すると変更できます。

ライブラリのインストール

$ npm install dotenv --save
$ npm install dotenv-expand --save

webpack.mix.jsの設定例

const dotenvExpand = require('dotenv-expand');
dotenvExpand(require('dotenv').config({path: './.prod.env'/*, debug: true*/}));