使用 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 测试。