webpack2生產構建真的很慢「附加資產處理」

我有一個大的webpack構建，在「附加資產處理」步驟幾乎掛起了91％，並沒有給我提供更多信息。只要這一步消耗最多4分鐘，並且在我們向構建中添加模塊時似乎幾乎呈指數級增長。有沒有辦法更好地理解在這個步驟中做了什麼，並最終優化它？webpack2生產構建真的很慢「附加資產處理」

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

來源

2017-03-18 doberkofler

嘗試配置'stats'選項，以顯示更多的信息。 – wuxiandiejia

@wuxiandiejia我有統計數據，但我應該尋找什麼？ – doberkofler

也許將它設置爲'verbose'可以幫助你，webpack會輸出所有信息。 – wuxiandiejia

不知道你的設置是什麼，但在我的情況下，它是Webpack和Extract Text插件，導致長時間資產加載時間。我更改爲Webpack 2.7.0並解壓縮文本webpack插件2.1.2並加載恢復正常。

來源

2017-09-07 08:03:41 ceebreenk

我現在在版本3上，並且有了改進，但它仍然很慢。後來我發現，慢速部分實際上是縮小，現在完全移除它，只在部署時縮小。 – doberkofler

在我的情況下，它是webpack babili插件（現在是babel-minify-webpack-plugin）。我用uglifyjs-webpack-plugin替換它。

我的配置：

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 
    } 
    } 
})

來源

2017-11-13 20:03:45 Phil

webpack2生產構建真的很慢「附加資產處理」

回答

相關問題