如何从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选项。