如何解除vue2,编译时报出的警告

img

原文报错代码:


> vue-element-admin@3.10.0 dev
> cross-env BABEL_ENV=development webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js

 98% after emitting SizeLimitsPlugin                                                      

 WARNING  Compiled with 2 warnings                                                                                                                                                                             15:50:49

 warning

asset size limit: The following asset(s) exceed the recommended size limit (28.6 MiB).
This can impact web performance.
Assets:
  app.js (29.4 MiB)

 warning

webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/

您可以使用import()或require来限制捆绑包的大小。 警告 下给了 解决方案 。
https://webpack.docschina.org/guides/code-splitting/

仅供参考:
这是 webpack 对应用程序中的资源大小进行警告,因为在应用程序中包含了一个或多个资源文件大小超出了建议的大小限制(28.6 MiB),这可能会影响应用程序的性能。在您的应用程序中,app.js 这个文件大小是 29.4 MiB,超出了建议大小限制,因此webpack给出了警告。

要解决这个问题,可以采用以下建议:

1.使用按需加载方式(如 import() 或 require.ensure)来懒加载应用程序的某些部分,从而限制文件的大小,从而提高性能。

2.优化资源文件,尝试减少文件大小。这包括压缩、优化和缩小图像和视频、精简代码等。

3.对于特别大的文件,您可能需要考虑分割它们成多个较小的文件,以便于在需要时仅加载必要的文件。

以上建议中,按需加载是最常用的解决方案。它允许您在需要时加载代码块,而不是在应用程序初始加载时全部加载,从而可以降低文件大小,提高性能。可以在文档 https://webpack.js.org/guides/code-splitting/ 上查看更多有关按需加载的内容。

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^