使用 webpack-dev-middleware 时如何获得 --color 输出？

Question

我有一个 express API 我正在我的应用程序中使用，所以我正在使用 webpack-dev-middleware 和 webpack-hot-middleware.

我正在尝试弄清楚如何在通过 API 使用 webpack 时获得 webpack --color 选项。

这是我现在拥有的：

const webpack = require('webpack')
const webpackConfig = require('../../webpack.config')
const compiler = webpack(webpackConfig)

const webpackDevMiddleware = require('webpack-dev-middleware')(compiler, {
  noInfo: true
})
const webpackHotMiddleware = require('webpack-hot-middleware')(compiler)

app.use(webpackDevMiddleware)
app.use(webpackHotMiddleware)

我目前正在使用 webpack@2.2.0-rc.3。

Answer 1

在这里，添加

stats: {
  colors: true
}

根据您的选择，例如：

const webpackDevMiddleware = require('webpack-dev-middleware')(compiler, {
  noInfo: true,
  stats: {
    colors: true
  }
})

查看 usage section。

已使用 webpack 2.2.1 和 webpack-dev-middleware 1.10.1 进行测试。

使用 webpack-dev-middleware 时如何获得 --color 输出？

How to get --color output when using webpack-dev-middleware?

webpack

webpack-dev-middleware