Feature: Add support for multiple files per entry

[trcarden]

Add support for multiple files per entry

Summary

It is possible to provide different types of files when using an array of values for entry to achieve separate bundles for CSS and JavaScript (and other) files in applications that are not using import for styles in JavaScript (pre Single Page Applications or different reasons).

For additional info: https://webpack.js.org/guides/entry-advanced/

Community Consideration

This is particularly useful if you are migrating from a per page
css/js organization as was common with rails <= 6

Note this has been a source of confusion and has been PR'd in the past as well. However no one pointed out this is a first class supported feature of webpack that is specifically built for static pages which rails does so well (see link above).

Here are just some of the PR/Issues from the past

• Only the last pack is included if multiple have the same name. #185
• Allow multiple entry points with same basename #198
• stylesheet_pack_tag and javascript_pack_tag reference the same file #581

PR changes

Seamlessly (without breaking support for the original single file per entry model) extends the entryPoint algo to extend entrypoints with multiple files when they are found.

So that you can get something like this

  'views/store/static/home': [
    '[redacted]/packs/views/store/static/home.js',
    '[redacted]/packs/views/store/static/home.scss'
  ]

and get a single pack with page specific js and css.

This is an updated PR originally from: #2213, made a mistake of issuing the PR from our master branch. Updated base to include 4.2.2 commits

[gauravtiwari]

thanks @trcarden 🍰