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

我构建了一个简单的react应用程序，使用axios从restapi获取数据

只有三个包裹是进口的

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文件

为什么这些文件这么大？有没有办法减小文件大小？

声明v16.0是

109kb

axios.min.js

是

13kb

，因此如果您使用的是v16.3，那么

137kb

听起来是正确的

我们应该考虑尺寸，因为这是为您的客户提供的服务。
下面是与其他流行框架的比较：

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

---

如果您仍然关心大小，可以尝试一下，它只有大约4KB，并且具有与React几乎相同的API（去掉了一些功能）。

如果您使用的是vscode，您可以使用此扩展来查看导入成本：例如，您只能从React dom导入渲染。另外，npm run build在您的package.json中代表什么，您使用什么作为绑定器？它的生产配置是什么？注意，除非用户打开DevTools，否则不会下载sourcemap文件。所以数一数是没有意义的。您也可以删除它们。