IT技术 - 如何在生产中减少 reactjs 文件大小？ - 吾爱随笔录

IT技术 reactjs

2021-05-27 06:19:10

我已经构建了一个简单的 React 应用程序，它使用 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。

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

1个回答

该官方消息称，v16.0是109 KB。
axios.min.js是13 KB，137 KB如果您使用的是 v16.3 ，那么听起来是对的。

我们应该看看尺寸压缩包因为那是您的客户将得到的服务。
这是与其他流行框架的比较：

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

如果你仍然关心大小，你可以尝试preact，它只是4 KB和 React 几乎相同的 API（剥离了一些功能）。

其它你可能感兴趣的问题