Many React on Rails installations will be using a custom webpack configuration with extracted CSS.
Upgrading from v3.x to v4 should only require this change:
Add this to your
config/webpacker.yml. You can see a full example below.
If you don’t do that, you won’t get any CSS tags, like:
<link rel="stylesheet" media="all" href="/webpack/dev/common.bundle.ef415c7c0311e3b88851.css">
Here’s an a full example of a
# Note: Base output directory of /public is assumed for static files default: &default source_path: client/app compile: false manifest: manifest.json cache_manifest: false extract_css: true development: <<: *default # generated files for development, in /public/webpack/dev public_output_path: webpack/dev test: <<: *default # generated files for tests, in /public/webpack/test public_output_path: webpack/test production: <<: *default # generated files for tests, in /public/webpack/production public_output_path: webpack/production cache_manifest: true