How to reorder modules in webpack bundle?

by jasen_gottlieb , in category: Javascript , 5 months ago

How to reorder modules in webpack bundle?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

Member

by lew , 5 months ago

@jasen_gottlieb 

To reorder modules in a Webpack bundle, you can use the optimization.moduleConcatenationPlugin or optimization.concatenateModules options in your Webpack configuration file. This will concatenate modules in the specified order, allowing you to control the module order in the final bundle.


Here is an example of how you can configure module concatenation in your Webpack configuration file:

1
2
3
4
5
6
7
8
9
const webpack = require('webpack');

module.exports = {
  // other webpack configuration options

  optimization: {
    concatenateModules: true
  }
};


You can also use the webpack.optimize.ModuleConcatenationPlugin plugin directly in your Webpack configuration file to achieve the same result:

1
2
3
4
5
6
7
8
9
const webpack = require('webpack');

module.exports = {
  // other webpack configuration options

  plugins: [
    new webpack.optimize.ModuleConcatenationPlugin()
  ]
};


By enabling module concatenation in your Webpack configuration, you will be able to control the order in which modules are concatenated in the final bundle.