optimize chunk traversal in webpack v2
In projects with a lot of chunks, a long time is spent on RemoveParentModulesPlugin in webpack v2. Because of the long module chain with many chunks having many parents, the built-in RemoveParentModulesPlugin has extra work to do.The solution is to (only in development mode) add a new custom plugin which removes the parents of every module as we don't need this optimization when running the app in development mode.
Reference: slow-webpack-build-time-advanced-module-optimization
# npm
npm install webpack-optimize-chunk-traversal --save-dev
# yarn
yarn add webpack-optimize-chunk-traversal --save-dev
// webpack.dev.conf.js
const OptimizeChunkTraversePlugin = require('webpack-optimize-chunk-traversal')
module.exports = {
...
plugins: [
new OptimizeChunkTraversePlugin()
]
...
}