栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何最小化webpack包的大小?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何最小化webpack包的大小?

根据您的评论,您正在使用

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
组件,无论您实际使用的是哪个组件。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/668818.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号