Hello! Let me see if I understand: you are using a styles.js file just to "automagically" require all your styles in a single entry. Is that right?

Using 'js' as a style extension will probably broke your build completely, since the empty output js is not really empty, so the plugin just delete any js file from any js entry it matches.

What I think you can do is, use something like "styles.css.js" and use "css.js" as your style extension. I am busy right now, so I have not tested it, but try this:

Config

entry: {
  app: './entries/application.js',
  styles: './entries/styles.css.js'
},
plugins: [
  new FixStyleOnlyEntriesPlugin({ extensions:['css.js'] }),
]

styles.css.js

require.context('../css', false, /\.css$/);
require.context('../components', true, /\.css$/);
require.context('../pages', true, /\.css$/);

And please, let me know if it works.

Worked like a charm. Thanks a lot!