markdown JS框架的大小,只是缩小+缩小和压缩,(React,Angular 2,Vue,Ember)
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了markdown JS框架的大小,只是缩小+缩小和压缩,(React,Angular 2,Vue,Ember)相关的知识,希望对你有一定的参考价值。
Below is the list of modern JS frameworks and almost frameworks – Angular, Ember and React.
All files were downloaded from https://cdnjs.com and named accordingly.
Output from `ls` command is stripped out (irrelevant stuff)
### As-is (minified)
```
$ ls -lhS
566K Jan 4 22:03 angular2.min.js
563K Jan 4 22:05 angular2.0.0-beta.0-all.umd.min.js
486K Jan 4 21:50 ember.1.13.8.min.js
435K Jan 4 21:48 ember.2.2.0.min.js
205K Jan 4 22:06 angular2.0.0-beta.0-Rx.min.js
144K Jan 4 21:59 react-with-addons-0.14.5.min.js
143K Jan 4 21:46 angular.1.4.5.min.js
132K Jan 4 21:56 react-0.14.5.min.js
121K Jan 4 21:35 angular.1.3.2.min.js
5.3K Jan 4 22:00 redux-3.0.5.min.js
706B Jan 4 21:57 react-dom-0.14.5.min.js
63K Oct 13 03:02 vue-2.0.3.min.js
# 2017
91K Dec 27 12:24 react-dom-16.2.0.production.min.js
6.5K Dec 27 12:22 react-16.2.0.production.min.js
```
##### This gives us following approximations
Name | Size
------------- | -------------
Ember 2.2.0 | 435K
Ember 1.13.8 | 486K
Angular 2 | 566K
Angular 2 + Rx | **766K**
Angular 1.4.5 | 143K
Vue 2.4.2 | 58.8K
Inferno 1.2.2 | 48K
Preact 7.2.0 | **16K**
React 0.14.5 + React DOM | **133K**
React 0.14.5 + React DOM + Redux | 139K
React 16.2.0 + React DOM | 97.5K
### GZipped and minified (plain output)
```
$ gzip -r .
$ ls -lhS
123K Jan 4 22:11 ember.1.13.8.min.js.gz
119K Jan 4 22:11 angular2.0.0-beta.0-all.umd.min.js.gz
111K Jan 4 22:11 ember.2.2.0.min.js.gz
111K Jan 4 22:11 angular2.min.js.gz
51K Jan 4 22:11 angular.1.4.5.min.js.gz
45K Jan 4 22:11 angular.1.3.2.min.js.gz
42K Jan 4 22:11 react-with-addons-0.14.5.min.js.gz
39K Jan 4 22:11 react-0.14.5.min.js.gz
32K Jan 4 22:11 angular2.0.0-beta.0-Rx.min.js.gz
1.9K Jan 4 22:11 redux-3.0.5.min.js.gz
455B Jan 4 22:11 react-dom-0.14.5.min.js.gz
23K Oct 13 03:02 vue-2.0.3.min.js.gz
#2017
29K Dec 27 12:24 react-dom-16.2.0.production.min.js.gz
2.8K Dec 27 12:22 react-16.2.0.production.min.js.gz
63K Dec 27 13:18 aurelia-core-1.0.2.min.js.gz
```
##### Approximations for GZipped versions
Name | Size
------------- | -------------
Ember 2.2.0 | 111K
Ember 1.13.8 | 123K
Angular 2 | 111K
Angular 2 + Rx | **143K**
Angular 1.4.5 | 51K
React 0.14.5 + React DOM | 40K
React 0.14.5 + React DOM + Redux | 42K
React 15.3.0 + React DOM | 43K
React 16.2.0 + React DOM | 31.8K
Vue 2.4.2 | **20.9K**
Inferno 1.2.2 | 20K
Preact 7.2.0 | **4kb**
Aurelia 1.0.2 | 63K
---
Also take a look at this awesome tool https://cost-of-modules.herokuapp.com created by @pastelsky
以上是关于markdown JS框架的大小,只是缩小+缩小和压缩,(React,Angular 2,Vue,Ember)的主要内容,如果未能解决你的问题,请参考以下文章
markdown 如何使用CLI缩小PDF文件大小?
缩小版的 jQuery 或 Prototype - JS 框架选择
编译/缩小的 jsx 文件比原始文件大
JS Canvas 放大和缩小翻译不会居中
javascript高手请进!关于就js控制网页图片放大缩小的问题
调用 Keyboard.GetKeyStates 后 WinForms 窗口大小更改(缩小)