I don’t like putting my stylesheets in a directory named javascript.

app/javascript/stylesheets/main.css ???

So I decided to rename app/javascript to app/client

To make this change

config/webpacker.yml

change
source_path to app/client
source_entry_path to javascripts

default: &default
  source_path: app/client
  source_entry_path: javascripts
  public_root_path: public
  public_output_path: packs
  ....

Now my directory structure looks like

- app
  - client
    - channels
    - javascripts
      - application.js
      - main.js
    - stylesheets
      - application.scss
      - main.css