Support javascript entry file

[CyberAP]

I am building my css bundle using webpack's require.context.

Config

    entry: {
      app: './entries/application.js',
      styles: './entries/styles.js'
    },

styles.js

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

It would be super awesome to have this plugin working for js entries as well.

[fqborges]

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.

[CyberAP]

Worked like a charm. Thanks a lot!