根据您的评论,您正在使用
material-ui和
react-bootstrap。这些依赖项与您的
react和
react-dom软件包一起由webpack捆绑在一起。任何时候,您
require或
import软件包都将其捆绑为捆绑文件的一部分。
这就是我的猜测。您可能正在使用 库 方式导入
react-bootstrap和
material-ui组件: __
import { Button } from 'react-bootstrap';import { FlatButton } from 'material-ui';这是很好的和方便,但它并不仅仅捆绑
Button和
FlatButton(和它们的依赖),但 整个 库。
减轻它的一种方法是尝试只
import或
require需要什么,让我们说一下 组件 方法。使用相同的示例:
import Button from 'react-bootstrap/lib/Button';import FlatButton from 'material-ui/lib/flat-button';
这只会捆绑
Button,
FlatButton以及它们各自的依赖关系。但不是整个图书馆。因此,我将尝试摆脱所有 库 导入,而改用 组件 方式。
如果您不使用很多组件,那么它将大大减少捆绑文件的大小。
作为进一步的解释:
当使用 库 方式时,您将导入所有这些react-bootstrap和所有这些material-
ui组件,无论您实际使用的是哪个组件。



