webpack-5.x版本 启动server服务时的报错和解决办法

1.报错:

The 'mode' option has not been set, webpack will fallback to 'production' for this value.

原因:启动时,没有指定是开发模式还是线上模式

解决办法:

在启动时添加:--mode development   例如:"dev": "webpack server --mode development"

2.报错:

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.

WARNING in 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.

这3个问题都是一个原因:资源(asset)和入口起点超过指定文件限制,需要在 vue.config.js 文件内做如下配置

解决办法:

在webpack.config.js文件中添加

1
2
3
4
5
6
7
8
9
10
11
12
//警告 webpack 的性能提示
performance: {
  hints:'warning',
  //入口起点的最大体积
  maxEntrypointSize: 50000000,
  //生成文件的最大体积
  maxAssetSize: 30000000,
  //只给出 js 文件的性能提示
  assetFilter: function(assetFilename) {
    return assetFilename.endsWith('.js');
  }
},

  

posted @   唐同学  阅读(1179)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 内存占用高分析
· .NET Core GC计划阶段(plan_phase)底层原理浅谈
· .NET开发智能桌面机器人:用.NET IoT库编写驱动控制两个屏幕
· 用纯.NET开发并制作一个智能桌面机器人:从.NET IoT入门开始
· 一个超经典 WinForm,WPF 卡死问题的终极反思
阅读排行:
· 支付宝事故这事儿,凭什么又是程序员背锅?有没有可能是这样的...
· 在线客服系统 QPS 突破 240/秒,连接数突破 4000,日请求数接近1000万次,.NET 多
· C# 开发工具Visual Studio 介绍
· 在 Windows 10 上实现免密码 SSH 登录
· C#中如何使用异步编程
点击右上角即可分享
微信分享提示