dynamic chunk name support? about bundle-loader

[MobiusHorizons]

I was already thinking of doing that when i'm done here at work.

[MobiusHorizons]

I just struggled through this, so it should definitely be better documented, but the way to do this, is to set the name parameter AND set output.chunkFilename.

for exmample:

module.exports = {
   entry: { ... },
   output : {
      path : ...,
      filename : '[name].js',
      chunkFilename : '[id].[name].js', // or whatever other format you want.
   },
}

then require the resources like so require('bundle-loader?name=[name]./some-module.js');

[michael-ciniawsky]

@MobiusHorizons Mind sending a PR ? 😛

[mrdulin]

@MobiusHorizons Bundle-loader seems don't support dynamic name parameter.

This is not working.

const loadModule = moduleName => {
  const defaultFile = 'index.js';
  return new Promise((resolve, reject) => {
    const bundle = require(`bundle-loader?name=${moduleName}!./containers/${moduleName}/${defaultFile}`);
    bundle(function (module) {
      const Component = module.default;
      resolve(Component);
    });
  });
};

This is working.

const bundle = require(`bundle-loader?name=about!./containers/about/index.js`);
bundle(function (module) {
  const Component = module.default;
  console.log(Component);
});