Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助支持
  • 关于我们
资源推荐
美图设计室
AI智能一键生成海报,免费平面设计
Trae编程
字节跳动推出的 AI原生编程工具
fly63工具箱
简单、易用、便捷的在线工具
AI免费生成PPT
一句话,一分钟,一键生成PPT
爱派AiPy
一款可本地部署的AI智能体,帮你操作电脑、手机、服务器设备
iSlide
让PPT设计简单起来,PPT模板下载平台
流量变现平台
蜂小推,一款不扣量的项目推广平台
AI视频创作
白日梦AI,领先的AI视频创作类AIGC创作平台
5118站长工具
关键词、长尾词挖掘,AI驱动的SEO内容创作辅助平台
周易国学网
基于周易、八字、紫微斗数等传统国学文化

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

webpackmonitor

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:http://webpackmonitor.com
GitHub:https://github.com/webpackmonitor/webpackmonitor
描述信息:开发过程中监控webpack优化指标
访问官网
GitHub

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'
  }),
],


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/2754

更多»
热门资源
TypeScript
一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集
官网
GitHub
Vite
下一代前端开发与构建工具
官网
GitHub
webpack
webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起
官网
GitHub
npm
javascript 最流行的包管理器
官网
GitHub
yarn
可替代NPM的快速、可靠、安全的可信赖包管理工具Yarn
官网
GitHub
bower
解决js的依赖管理
官网
GitHub
grunt
基于Node.js的项目构建工具。它可以自动运行你所设定的任务
官网
GitHub
Parcel
快速,零配置的 Web 应用程序打包器
官网
GitHub
babel
Babel 是一个 JavaScript 编译器,可用下一代JavaScript 语法写代码
官网
GitHub
browserify
一个浏览器端代码模块化工具,require和module.exports来导入和导出.Browserify的原理:部署时处理代码依赖,将模块打包为一个文件。
官网
GitHub
Rolldown
Rust 驱动的高性能打包器
官网
GitHub
HEAD
一份你可以在 <head> 里设置的列表
官网
GitHub
类似于webpackmonitor的资源
mern-starter
类似Mean,是另一个全栈Js开发架构
官网
GitHub
grunt
基于Node.js的项目构建工具。它可以自动运行你所设定的任务
官网
GitHub
Acorn
一个微小、快速的JavaScript解析器
点击进入
GitHub
component
前端包管理器和模块化Web应用程序的构建工具
官网
GitHub
Corepack【pmm】
一款零运行时依赖的 Node 脚本工具
点击进入
GitHub
webpack-dashboard
一款webpack可视化打包插件
官网
GitHub
splittable
JS打包,支持代码分离,ES6 & CommonJS模块
点击进入
GitHub
critters
一个Webpack插件,用于内嵌关键的CSS并延迟加载其余的CSS
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。