如何從webpack終端輸出抑制內置模塊？

Question

當使用webpack2.x建立我的項目，終端控制檯生成日誌是這樣的：

Hash: d09758ddb088e1f8cd3b 
Version: webpack 2.2.1 
Time: 9450ms 
         Asset  Size Chunks    Chunk Names 
    app.d09758ddb088e1f8cd3b.js 28.7 kB  0 [emitted] app 
vendor.d09758ddb088e1f8cd3b.js  206 kB  1 [emitted] vendor 
style.d09758ddb088e1f8cd3b.css 1.89 kB  0 [emitted] app 
      index_bundle.html 852 bytes   [emitted] 
    [1] ./~/vue/dist/vue.common.js 226 kB {1} [built] 
[1] ./~/vue/dist/vue.common.js 226 kB {1} [built] 
    [3] ./~/vue-loader/lib/component-normalizer.js 1.12 kB {0} [built] 
    [4] ./~/process/browser.js 5.3 kB {1} [built] 
    [5] ./~/lodash/lodash.js 540 kB {1} [built] 
    [7] ./~/axios/index.js 40 bytes {1} [built] 
    [8] ./~/vue-router/dist/vue-router.common.js 56.1 kB {1} [built] 

如何刪除郵件像./~/vue/dist/vue.common.js 226 kB {1} [built]和得到的只是這個輸出：

Hash: d09758ddb088e1f8cd3b 
Version: webpack 2.2.1 
Time: 9450ms 
         Asset  Size Chunks    Chunk Names 
    app.d09758ddb088e1f8cd3b.js 28.7 kB  0 [emitted] app 
vendor.d09758ddb088e1f8cd3b.js  206 kB  1 [emitted] vendor 
style.d09758ddb088e1f8cd3b.css 1.89 kB  0 [emitted] app 
      index_bundle.html 852 bytes   [emitted] 

Answer 1

其實，有很多選項如何配置你的webpack cli輸出。您可以在webbapck.config文件中的stats對象中設置它。不幸的是，我無法找到隱藏你想要的行的選項。

見Docs關於設置CLI輸出

Answer 2

可以使用stats選項maxModules並設置它0，所以它不會顯示任何內置模塊。這個選項目前沒有記錄。在你的WebPack配置增加：

stats: { 
    maxModules: 0 
} 

理論上你應該能夠使用modules: false和chunkModules: false但不會出現用的WebPack CLI工作，至少它的工作原理與webpack-dev-middleware。

---

該選項現在記錄在Configuration - Stats。

Answer 3

使用Node.js的的WebPack API：

const compiler = webpack(config); 
 

 
compiler.run((err, stats) => { 
 
    if (err) { 
 
    console.error(err.stack || err); 
 
    if (err.details) console.error(err.details); 
 
    process.exit(1); 
 
    } 
 

 
    process.stdout.write(stats.toString({ 
 
    chunks: false, 
 
    colors: true 
 
    }) + '\n'); 
 

 
    if (stats.hasErrors()) { 
 
    process.exit(2); 
 
    } 
 
});

使用的WebPack CLI，你可以嘗試--hide-modules選項。