How to prepend rule loaders? about webpack-chain HOT 8 CLOSED

@psachs21 I've got a PR in progress (#42) that should give you a much better solution to this:

config.module
  .rule('Javascript')
	.use('hot')
      .loader('react-hot-loader/webpack')
      .before('babel');

from webpack-chain.

@eliperelman add this feature plz in docs. I found about this feature only here.

from webpack-chain.

@psachs21 I've got a PR in progress (#42) that should give you a much better solution to this:

config.module
  .rule('Javascript')
	.use('hot')
      .loader('react-hot-loader/webpack')
      .before('babel');

Thanks for this PR. But it look like nothing docs about this in README.md. Hope can update it in the docs.

from webpack-chain.

I can't say that I have the best answer to this problem right now. This wouldn't be the easiest to work around in Webpack either, as you need to know the right injection point in the array to insert the other loaders at.

My recommendation would probably be to restructure how you require these 2 together. Consider requiring development.js config before base.js:

// development.js
const config = new Config();

config.module
  .rule('Javascript')
  .test...

require('./base')(config);

module.exports = config.toConfig();

from webpack-chain.

Closing as resolved. If this solution doesn't work, please feel free to reopen and discuss. Thanks!

from webpack-chain.

@eliperelman That looks like a fantastic solution to my issue! Thanks. I'll keep an eye out for the release!

from webpack-chain.

@dimensi I've filed #114 for this. If someone is up for opening a PR for the docs that would be awesome, otherwise I'll take a look once the Neutrino 9 release is finished.

from webpack-chain.

Just wanted to note that this exists here now: https://neutrinojs.org/webpack-chain/#config-plugins-ordering-before

Because this issue was the top result when I searched :)

from webpack-chain.