jarvis 教程

HTML5 herman 2880浏览 0评论
公告:“业余草”微信公众号提供免费CSDN下载服务(只下Java资源),关注业余草微信公众号,添加作者微信:xttblog,发送下载链接帮助你免费下载!
本博客日IP超过1800,PV 2600 左右,急需赞助商。
极客时间所有课程通过我的二维码购买后返现24元微信红包,请加博主新的微信号:xttblog,之前的微信号好友位已满,备注:返现
所有面试题(java、前端、数据库、springboot等)一网打尽,请关注文末小程序
视频教程免费领

jarvis 是一个非常智能的基于浏览器的Webpack仪表板。在 github 上它拥有 3000 多个 star。

JARVIS(只是一个非常智能的系统)将从您的webpack构建中,无论是在开发或生产中,将您的浏览器的所有相关信息。

许多功能都在路线图上,但是,这个beta版本将会改进您对webpack-dev-server或webpack生产构建包,块和其他输出资产的看法。

jarvis

jarvis 它受到其他webpack仪表板的巨大启发,核心思想不是原创的,但是这里有一些特点:

原始特征

  • 显示ES Harmony模块导入的数量,可以是treehakable,CJS是不可以的。
  • 显示您的资产在12种不同的连接类型中的表现如何。

其他特点

  • 在浏览器中运行。
  • 美化错误输出。
  • 简单的方法找出总资产大小和个别捆绑和块。
  • 非常漂亮

技术堆栈

  • Preact with Sass pre-processor. 准备好Sass预处理器 
  • Socket IO. 套接字IO
  • Express Server. Express服务器

jarvis安装

$ npm i -D webpack-jarvis

在你的webpack配置文件中:

const Jarvis = require('webpack-jarvis');
/* the rest of your webpack configs 业余草:www.xttblog.com*/
plugins: [
    new Jarvis({
      port: 1337 // optional: set a port
    })
]

在你的浏览器中打开即可访问。

参考资料

业余草公众号

最后,欢迎关注我的个人微信公众号:业余草(yyucao)!可加QQ1群:135430763(2000人群已满),QQ2群:454796847(已满),QQ3群:187424846(已满)。QQ群进群密码:xttblog,想加微信群的朋友,之前的微信号好友已满,请加博主新的微信号:xttblog,备注:“xttblog”,添加博主微信拉你进群。备注错误不会同意好友申请。再次感谢您的关注!后续有精彩内容会第一时间发给您!原创文章投稿请发送至532009913@qq.com邮箱。商务合作可添加助理微信进行沟通!

本文原文出处:业余草: » jarvis 教程