Read rails encrypted credentials in webpacker react app

Question

With .env files, it was easy to inject variables in webpacker js packs. Since 5.2, you can use the encrypted secrets, but is there a way to read (decrypt) them in inject some of them on webpacker build time?

Answer 1

You can read from credentials and pass that value to Webpacker.

1. Create a config/initializers/webpacker.rb file.

2. Pass it to the Webpacker::Compiler through file above.

   Webpacker::Compiler.env['VALUE'] = Rails.application.credentials.dig(:value)
   

3. Read it as console.log(process.env.VALUE).

4. If you want to try it on development, you need to add these to the bin/webpack-dev-server:

   require_relative '../config/application'
   Rails.application.initialize!
   

Sources:

• http://translate.google.com/translate?hl=&sl=ja&tl=en&u=https%3A%2F%2Fqiita.com%2Ftakeyuweb%2Fitems%2F61e6ba07fe0df3079041
• https://github.com/rails/webpacker/issues/2794
• https://github.com/rails/webpacker/blob/830f47695ea3f40dcbab5ee117769ab67b96af36/docs/env.md