next.js で `process.env` 以下の環境変数を参照する
Number of word 970
TL;DR
next/config
をとりあえず使う
webpack.DefinePlugin
を使う
- refs: https://github.com/vercel/next.js/issues/3605
- なれてるし使いたい。わかる
- イマイチ推奨されてないようで、 複数のサンプルが紹介されている
babel-plugin-transform-define
を使う
- refs: https://github.com/vercel/next.js/tree/deprecated-main/examples/with-universal-configuration-build-time
- babel7に対応してない(2018/12 現在)。PR はあるけれど放置されている
dotenv-webpack
を使う
- refs: https://github.com/zeit/next.js/tree/canary/examples/with-dotenv
- dockerの下りで
.envrc
ではなく.env
を利用するプロダクトが増えた - よしなに展開してくれる
標準で用意されている仕組みを使う
- refs
- clientでは配信したくない環境変数とか確かにある
- 面倒だけれど別々に宣言的管理する