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 窗口大小更改(缩小)