Webpack-dashboard 简单使用

Webpack-dashboard 是一个可视化的 Webpack 界面，可以帮助我们更好地了解 Webpack 构建过程中的各个模块，便于我们进行调试和优化。下面是使用 webpack-dashboard 的简单步骤：

1. 安装 webpack-dashboard：

npm install webpack-dashboard --save-dev

2. 在 package.json 中添加 script 来运行 webpack-dashboard：

{
  "scripts": {
    "dev": "webpack-dashboard -- webpack-dev-server"
  }
}

3. 运行 `npm run dev` 即可看到 webpack-dashboard 界面。

注意：在使用 webpack-dashboard 时，需要将 Webpack 配置文件中的 output 配置中的 `progress: true` 改为 `progress: false`，否则会出现重复输出进度条的情况。