使用Webpack模块打包器面板

使用 Webpack 模块打包器面板
网址：

webpack 面板：Webpack-dashboard

插件在 Github 网站上星数超过 10000。

安装：

npm install webpack-dashboard --save-dev
 
 

配置 webpack.config.js

在头部加入引入：

const DashboradPlugin = require(“webpack-dashboard/plugin”);

在 plugins 字段加入插件。

plugins:[new DashboradPlugin()
 
]
 
 

配置 package.json

  "scripts": {
    "build": "webpack --progress",
    "start": "webpack-dashboard -- webpack-dev-server -d --hot --config webpack.config.js --watch",
    "production": "NODE_ENV=production webpack -p"
  },
 
 

启动：

用 npm run start 命令启动 webpack，然后就能看到: