webpack | 进阶用法 4：如何进行构建速度和体积分析

{	"scripts":{  	"build:stats":"webpack --env production --json > stats.json"  }	}

const webpack = require('webpack')webpack(config,(err,stats)=>{	if(err){  	return console.error(err)  }  if(stats.hasErrors){    // 输出构建错误信息  	return console.log(stats.toString('error-only'))  }  // 输出构建信息  console.log(stats)})

// 仅展示部分代码{  plugins:[    ],  stats:'errors-only' // 只在发生错误时输出}

const FriendlyErrorsWebpackPlugin=require('friendly-errors-webpack-plugin')
// 仅展示部分代码{	plugins:[   new FriendlyErrorsWebpackPlugin()	],	stats:"none"}

const SpeedMeasurePlugin = require("speed-measure-webpack-plugin");
// webpack配置const webpackConfig = {	entry:{},  plugins:[]}
const smpOptions = {	'disable':false , // 该插件是否不生效  'outputFormat':'human' , // 以哪种模式打印测量值  ... // 更详情配置，请前往查看插件文档}
const smp = new SpeedMeasurePlugin(smpOptions)// wepback运行此配置时，默认将耗时情况输出到控制台const smpWebpackConfig = smp.wrap（webpackConfig）

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
module.exports = {	plugins:[  	new BundleAnalyzerPlugin()  ]}