您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

Webpack 4“大小超出建议的限制(244 KiB)”

Webpack 4“大小超出建议的限制(244 KiB)”

发生这种情况是因为webpack捆绑了所有代码依赖项。当您使用lodash时,lodash的最小版本将添加到您的源代码中。另外,您还包括源地图:

devtool: 'inline-source-map',

尽管这对于调试来说应该没问题,但是没有理由在Prod版本中包含您的源映射。因此,您可以采取一些措施来减少套件的尺寸。

有时即使是这些事情也不会使捆绑包的大小降至244kb以下,在这种情况下,您可以做的就是拆分捆绑包并开始使用逻辑块。首先,您可以使用提取文本插件轻松将js与样式表分离。

您可以使用的另一种技术是动态导入。

动态导入:通过模块内的内联函数调用拆分代码

这将使您可以将代码按逻辑分解为与屏幕相关的模块,以便仅加载所需的库。有关动态导入的更多信息,您可以查看官方文档。https://webpack.js.org/guides/code- splitting/

其他 2022/1/1 18:18:12 有603人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶