Tworzenie produkcji webpack2 bardzo powolne "dodatkowe przetwarzanie zasobów"

Question

Mam dużą kompilację, która prawie wisi na poziomie 91% na etapie "dodatkowego przetwarzania zasobów", który nie daje mi dużo więcej informacji. Tylko ten krok trwa do 4 minut i wydaje się rosnąć niemal wykładniczo, ponieważ dodajemy moduły do ​​kompilacji. Czy istnieje sposób, aby lepiej zrozumieć, co zostało zrobione podczas tego etapu i ewentualnie go zoptymalizować?

56205ms building modules 
31ms sealing 
0ms optimizing 
0ms basic module optimization 
15ms module optimization 
0ms advanced module optimization 
0ms basic chunk optimization 
0ms chunk optimization 
16ms advanced chunk optimization 
14487ms building modules 
0ms module and chunk tree optimization 
31ms module reviving 
0ms module order optimization 
16ms module id optimization 
0ms chunk reviving 
16ms chunk order optimization 
31ms chunk id optimization 
140ms hashing 
0ms module assets processing 
265ms chunk assets processing 
0ms additional chunk assets processing 
0ms recording 
206740ms additional asset processing 
79781ms chunk asset optimization 
1ms asset optimization 
906ms emitting 

Answer 1

Nie jestem pewien, co to jest konfiguracja, ale w moim przypadku była to wtyczka Webpack i Extract Text, która powodowała długi czas ładowania zasobów. Zmieniłem na Webpack 2.7.0 i extract-text-webpack-plugin 2.1.2 i ładowanie wróciło do normy.

Answer 2

W moim przypadku była to wtyczka babili webpack (teraz babel-minify-webpack-plugin). Wymieniłem go na uglifyjs-webpack-plugin.

Mój config:

new UglifyJSPlugin({ 
    parallel: true, 
    exclude: /\/node_modules/, 
    uglifyOptions: { 
    ecma: 8, 
    mangle: true, 
    compress: { 
     sequences: true, 
     dead_code: true, 
     conditionals: true, 
     booleans: true, 
     unused: true, 
     if_return: true, 
     join_vars: true, 
     drop_console: true 
    }, 
    output: { 
     comments: false, 
     beautify: false 
    } 
    } 
})