Question

默认的webpack CLI输出对我来说太冗长了。一旦我从我的一个文件导入React，输出就会爆炸，显示所有被打包的块（？）：

android:mimeType="*/*

我真的不关心所有这些额外的信息。我很高兴找到一种方法：

完全禁用这些块，只显示整体进度
只显示我自己的代码，而不是我从node_modules

目前我的webpack命令是webpack result is served from / content is served from /Users/me/myproject Hash: aaaf5afc6582f3222f55 Version: webpack 1.12.14 Time: 1175ms Asset Size Chunks Chunk Names index.js 677 kB 0 [emitted] main chunk {0} index.js (main) 643 kB [rendered] [0] ./src/app.js 574 bytes {0} [built] [1 error] [1] ./~/react/react.js 56 bytes {0} [built] [2] ./~/react/lib/React.js 1.49 kB {0} [built] [3] ./~/react/lib/ReactDOM.js 3.71 kB {0} [built] [4] ./~/process/browser.js 2.06 kB {0} [built] ... [155] ./~/fbjs/lib/mapObject.js 1.47 kB {0} [built] [156] ./~/react/lib/onlyChild.js 1.21 kB {0} [built] [157] ./~/react/lib/deprecated.js 1.77 kB {0} [built] [158] ./~/react-dom/index.js 63 bytes {0} [built] [159] ./src/component.js 339 bytes {0} [built] [1 error]。我的webpack配置非常基本，只需为babel和eslint指定入口，输出和加载器。

Answer 1

从命令行开始，我还没有办法做到这一点。

但是，如果您有一个webpack.config.js文件，则有两个用于取消模块列表的选项。

devServer: {
    stats: 'errors-only'
}

或

devServer: {
    stats: { chunks: false }
}

希望有所帮助。

Answer 2

这适用于我的情况：

webpack --hide-modules

Answer 3

如果项目中有webpack.config.js，请将以下内容添加到exports函数的返回对象中：

devServer: {
    stats: {
        assets: false,
        children: false,
        chunks: false,
        hash: false,
        modules: false,
        publicPath: false,
        timings: false,
        version: false,
        warnings: true,
        colors: {
            green: '\u001b[32m'
        }
    }
}

Answer 4

webpack未记录option --hide-modules。您可以将此行添加到webpack config，将其从webpack传递给webpack-dev-server：

devServer: { 'hide-modules': true }

Answer 5

由于Webpack 3+有--display标志，允许对输出进行细粒度控制：

--display=(verbose|detailed|normal|minimal|errors-only|none)

Answer 6

在webpack.config.ts中，您可以尝试

devServer : {
  stats: 'minimal',
  watchOptions: { 
   poll: undefined,
   aggregateTimeout: 300,
   ignored: /node_modules/
 }
}

希望有效。

有没有办法让webpack不显示它正在编译的所有块？

6 个答案: