reactjs - 使用 react 和 threejs 构建时 CLI 上传 main.js 文件大小受限

Question

使用 react 和threejs 构建时，有没有办法绕过文件大小限制？我正在使用 cms-react-boilerplate 构建一个包含三个 js 的反应模块。该项目构建良好，但无法上传 main.js 文件，因为它是 2.1MiB。它给了我以下错误：

[错误] 验证模板时出错。[错误] 第 0 行：编码文件必须小于 1.5 MiB

我试图将文件直接上传到设计管理器，但得到了同样的错误。我还尝试创建一个 main.js 文件并将代码粘贴到其中，但出现以下错误：

错误：编码文件缓冲区必须小于 2.0 MiB

Answer 1

我建议启用代码拆分。如果没有，您将需要为 JavaScript 文件使用不同的主机。此外——确保你正确地只包括你需要的东西。

避免：

import * as x from 'lib';

而是这样做：

import { each, func, you, need } from 'lib';

这将允许诸如 Webpack 之类的打包程序正确地对您的依赖项进行 Tree Shake。

Answer 2

如果您已完成编辑，请尝试将文件压缩为 .min.js 文件。