Reactでdotenvモジュールを使用する

Question

私のdependenciesにdotenvがあります。指示に従って、私は.envファイルを持ち、内部はNODE_ENV=developmentです。私main.jsファイルで

、私はシンプルrequire('dotenv').config();と私はprocess.envにアクセスすると、まだ、私が期待するオブジェクトを実行していると私は私がここで間違ってやっている何{}

を取得しますか？ありがとう

Answer 1

dotenvは、サーバー側でのみ動作します。 Webpackでクライアント側に.envを使用するには、dotenv-webpackを使用してください。

1. yarn add dotenv-webpack -D OR npm install dotenv-webpack --save

2. があなたのWebPACKの設定ファイルに追加し、パッケージをインストールします。

   // webpack.config.js 
   const Dotenv = require('dotenv-webpack'); 
   module.exports = { 
       ... 
       plugins: [ 
       new Dotenv({ 
        path: './.env', // Path to .env file (this is the default) 
        safe: true // load .env.example (defaults to "false" which does not use dotenv-safe) 
       }) 
       ] 
       ... 
   };

3. あなた.gitignoreファイル

NOTEに.envを追加します。あなたの.envファイルには、機密情報を含めることができます。このため、dotenv-webpackは、コード内で明示的に参照されている環境変数のみを最終バンドルに公開します。