# Webpack監控工具 - [JARVIS](https://github.com/zouhir/jarvis)
J.A.R.V.I.S. (Just A Rather Very Intelligent System) 是 Webpack 實時監控工具，其能夠將開發環境或生產環境下的 Webpack 構建信息實時展示到瀏覽器中。JARVIS 借鑒了 Webpack Dashboard 等流行的 Webpack 監控工具，然后提供了可優化的 ES Harmony 模塊統計、將資源分割為不同的類別等擴展功能。
:-: 
## About the JARVIS
J.A.R.V.I.S. (Just A Rather Very Intelligent System) will put in your browser all the relevant information you need from your webpack build whether in dev or in prod.
Tons of features are on the roadmap but still, this beta version will improve the way you look at webpack-dev-server or webpack production build bundle, chunks and other output assets.
It is hugely inspired by other webpack dashboards and the core idea is not original, but here are some features:
### Original Features:
S* hows you the count of ES Harmony module imports which can be treeshakable and the CJS ones which are not.
* Shows you how well your assets perform in 12 different connection types.
* Google or Stackoverflow Search for programming errors in 1 button click.
### Other Features:
* Runs in the browser.
* Beautified errors output.
* Easy way figure out total assets size and individual bundles and chunks.
* It's very beautiful.
## Installation
```
$ npm i -D webpack-jarvis
```
In your webpack config file:
```
const Jarvis = require("webpack-jarvis")
/* the rest of your webpack configs */
plugins: [
new Jarvis({
port: 1337 // optional: set a port
})
]
```
In your browser open:
localhost:1337
