Accessing Rails config in webpack(er)

It is possible to access Rails config (for example secrets) from within your webpack bundles, thanks to rails-erb-loader Show archive.org snapshot . When using webpacker, the setup is like this:

Install rails-erb-loader:
```
yarn add rails-erb-loader
```

Add this to your config/webpacker/environment.js:

environment.loaders.prepend('erb', {
  test: /\.erb$/,
  enforce: 'pre',
  use: [{
    loader: 'rails-erb-loader',
  }]
})

Start using erb. For example, in a file api_config.js.erb:

/* rails-erb-loader-dependencies ../config/secrets.yml */

export default {
  apiKey: '<%= Rails.application.secrets[:api][:key] %>'
}

This works by simply calling bin/rails runner with the correct environment. The rails-erb-loader-dependencies comment is only needed to make the webpack-dev-server automatically regenerate the file, when your secrets.yml changes.

Tobias Kraze

makandra.de

Say thanks3

Last edit

2018-10-15

Tobias Kraze

License

Source code in this card is licensed under the MIT License.

Dealing with I18n::InvalidPluralizationData errors

When localizing model attributes via I18n you may run into errors like this:

I18n::InvalidPluralizationData: translation data { ... } can not be used with :count => 1. key 'one' is missing.

They seem to appear out of the blue and the ...

Posted by Tobias Kraze to makandra dev (2018-10-09 08:35)

Accessing Rails config in webpack(er)

Related cards:

Introduction

Example

Using capistrano-rails