36 Star 359 Fork 150

笔下光年 / Light Year Admin Using Iframe

 / 详情

【Chart.js】文件大小以及前端资源压缩的问题

待办的
创建于  
2021-01-26 22:44

起因

项目引入Light Year页面,需要使用图标展示,于是准备引入Chart.js

惊讶于此js文件的大小,于是去 Github Release Version 2.7.3 准备查找官方原始文件,发现没有完全一致大小的文件

猜测后下载了Chart.bundle.js,之后使用IDEA对比两个文件区别,发现只是官方文件多了一个换行

对比

但是,换行符不同

显然,是因为CRLF\r\n比起LF\n多了一个字符,导致作者js库中的文件大小是556KB,而官方原文件是537KB

当然,由于作者并没有修改Chart.js,所以生产环境建议使用官方的 Chart.bundle.min.js 文件,大小为205KB

建议作者可以有空添加上各css和js文件的min文件,由于用此模板的同学大多数是后端开发,包括我,最早的时候甚至并不清楚各种静态资源文件的规则,比如未压缩、min、css.map等文件的作用和区别

同时,作者自己编写的index.min.css/js等文件也是未经过压缩的,想了解一下一般对应的压缩方式是什么,我知道前端有webpack,但是似乎有点复杂,倾向于前端大工程了

评论 (1)

俊飞 创建了任务
展开全部操作日志

:joy: 因为我也是后端,我自己一般做压缩都是用网上的在线压缩功能,比如:https://tool.css-js.com/。用的Uglify压缩,这个比较准确点。

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
82992 yinqi 1578916770 5698768 ouyangjunfei 1605887854
HTML
1
https://gitee.com/yinqi/Light-Year-Admin-Using-Iframe.git
git@gitee.com:yinqi/Light-Year-Admin-Using-Iframe.git
yinqi
Light-Year-Admin-Using-Iframe
Light Year Admin Using Iframe

搜索帮助

105716 1d94204e 1850385 105716 2d26be5c 1850385