javascriptでenvファイルを使う

javascriptでenvファイルを使う実装をまとめます。

前提条件

• npmがインストールされていること

インストール

npmコマンドでモジュールをインストール

$ npm i --save dotenv

使い方

ファイルの作成

touchコマンドでtest.jsファイル、.envファイルを作成

$ touch test.js .env

test.js

require('dotenv').config()
const { BASE_URL } = process.env

console.log(BASE_URL)

.env

BASE_URL="http://localhost:8000/"

実行

nodeコマンドでtest.jsを実行する

$ node test

出力結果

http://localhost:8000/

Nuxt.jsで使う場合

npmコマンドでモジュールをインストール

$ npm i --save @nuxtjs/dotenv

nuxt.config.js

module.exports = {
  modules: [
    '@nuxtjs/dotenv', // 追記
  ]
}

参考文献

この記事は以下の情報を参考にして執筆しました。

• dotenv - npm
• @nuxtjs/dotenv - npm