# 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
