如何减少生产中的reactjs文件大小？

Question

我已经构建了一个简单的反应应用程序，使用axios从REST API获取数据。

仅导入三个包

import React from 'react';
import ReactDOM from 'react-dom';
import axios from 'axios';

但是，当我运行“npm run build”来创建我的生产包时，我惊讶地看到一个大小为137 kb的main.xxxx.js文件和另一个606 kb的main.xxx.js.map。 / p>

为什么这些文件如此庞大？有没有办法减少文件大小？

Answer 1

official source表示v16.0为109 KB axios.min.js为13 KB，因此137 KB如果你在v16.3那么听起来是正确的。

我们应该使用gzip查看尺寸，因为这样可以为您的客户提供服务。
这是与其他流行框架的比较：

Name          | Size (gzipped)
------------- | -------------
Angular 2     | 111 KB
React 16.2    | 32 KB
Vue 2.5       | 21 KB

如果您仍然关注尺寸，可以试用preact，这只是4 KB，并且与React几乎完全相同（删除了一些功能）。