If you want to customize the level of statistics output from webpack in the terminal, you can do so by passing a stats settings object. Below is an example snippet from my server application (built with node, express, and webpack for development environment).
if (process.env.NODE_ENV === 'development') {
// Import webpack dependencies dynamically
const webpackConfig = require('../../webpack/development.webpack.config')
const webpackDevMiddleware = require('webpack-dev-middleware')
const webpackHotMiddleware = require('webpack-hot-middleware')
const webpack = require('webpack')
const compiler = webpack(webpackConfig)
app.use(webpackDevMiddleware(compiler, {
publicPath: webpackConfig.output.publicPath,
stats: webpackConfig.stats,
progress: true,
hot: true
}))
app.use(webpackHotMiddleware(compiler))
} else {
// Apply compression middleware to make server responses smaller
app.use(compression())
app.use(express.static(path.resolve(process.cwd(), './dist')))
}
In my webpack configuration:
module.exports = {
devtool: 'source-map',
context: path.join(__dirname, '..'),
entry: {
bundle: [
'webpack-hot-middleware/client',
path.resolve('./src/client/index.js')
]
},
output: {
path: path.resolve(__dirname, '../dist'),
filename: "[name].js",
publicPath: '/'
},
stats: {
// Customize output settings here
assets: true,
assetsSort: "field",
cached: true,
children: true,
chunks: false,
chunkModules: true,
chunkOrigins: false,
chunksSort: "field",
context: "../src/",
colors: true,
errors: true,
errorDetails: true,
hash: false,
modules: false,
modulesSort: "field",
publicPath: false,
reasons: false,
source: false,
timings: true,
version: true,
warnings: false
},
// ... rest of config ...
For production builds, I have implemented the following setup:
const webpack = require('webpack')
function webpackCompiler (webpackConfig) {
return new Promise((resolve, reject) => {
const compiler = webpack(webpackConfig)
compiler.run((err, stats) => {
if (err) {
console.log('Webpack compiler encountered a fatal error.', err)
return reject(err)
}
const jsonStats = stats.toJson()
console.log(stats.toString(webpackConfig.stats))
resolve(jsonStats)
})
})
}
module.exports = webpackCompiler