微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

webpackmonitor

编程之家收集整理的这个编程导航主要介绍了webpackmonitor编程之家,现在分享给大家,也给大家做个参考。

webpackmonitor 介绍

webpack Monitor是一个可配置的webpack插件,它捕获有关生产构建的相关统计信息,并且是一个交互式分析工具,可以帮助开发人员更好地了解包的组成并确定优化策略并确定优先级。  

在生产配置上安装webpack监视器插件。只要对捆绑软件构成进行了有意义的更改,该插件就会收集统计信息。也可以选择启动分析,以查看您的捆绑包随着时间的变化!

安装

npm install --save-dev webpack-monitor

在 webpack.config.js

const webpackMonitor = require('webpack-monitor');

// ...

plugins: [

new webpackMonitor({

capture: true,// -> default 'true'

target: '../monitor/myStatsstore.json',// default -> '../monitor/stats.json'

launch: true,// -> default 'false'

port: 3030,// default -> 8081

excludeSourceMaps: true // default 'true'

}),

],

网站地址:http://webpackmonitor.com

GitHub:https://github.com/webpackmonitor/webpackmonitor

网站描述:开发过程中监控webpack优化指标

webpackmonitor

官方网站:http://webpackmonitor.com

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。