使用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，而後就能看到: