Как задать имя для chunk через require.ensure?

Question

[Ninja Mate]

В приложении идет разделение на чанки с помошью require.ensure и всем этим процессом рулит реакт роутер.

Папка с индексом в которую идет обращение

module.exports = function(location, cb) {
    if (typeof require.ensure == 'function') {
        /* Asynchronous loading of a component
        that is inside of require.ensure */
        require.ensure([], (require) => {
            cb(null, require('./Reports'), 'reports')
        })
    } else {
        /* Server side synchronous loading */
        cb(null, require('./Reports'), 'reports');

    }
}

Роутер

<Route  path="Reports" getComponent={
                                        (location,cb)=>require('./Reports/index')(location,cb)
                                        }> </Route>

Webpack

output: {
    path: path.join(__dirna
    filename: 'bundle.js',
   chunkFilename: '[name].bundle.js' //в моем случае имя выглядит 1.bundle.js
  },

Как обычно

//если задавать так, то все идет по плану и файл получается reports.bundle.js
//как сделать эту магию в моем случае?
componentDidMount(){
        var Reports;
        require.ensure([], function(require) {
            Reports = require('./Reports').default;
            render(<Reports/>, document.getElementById('fl'));
        }, 'reports');
    }

Answer 1

[Алексей Зуев]

Имя чанка задается в третьем параметре require.ensure. Попробуйте вот так:

module.exports = function(location, cb) {
  if (typeof require.ensure == 'function') {
    require.ensure([], (require) => {
      cb(null, require('./Reports'))
    }, 'reports'); // третий параметр
  } else {
    cb(null, require('./Reports'));
  }
}

Comments

[Ninja Mate]

спасибо