Webpack报错：WARNING in asset size limit: The following asset(s) exceed the recommended size limit 244

已于 2022-09-20 20:59:45 修改
阅读量879 收藏 2
点赞数 1
文章标签： webpack javascript 前端
于 2022-09-20 17:46:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53361975/article/details/126958214
版权
本文介绍了解决Webpack在生成环境中打包时遇到资源过大（如图片超过244kb）导致的错误的方法。通过调整webpack.config.js文件中的performance属性，设置hints为false来避免错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题：

webpack在生成环境中打包，如果你里面的资源过大（如图片大于244kb）就会报错

以下是报错内容：

解决办法：

//在webpack.config.js中添加以下配置代码：
performance: {

​    hints:false  

  },

Xik_
关注
webpack打包优化之代码chunk分割---解除recommended size limit (244 KiB)限制
阿牛哥的博客
04-28 804
webpack打包优化之代码chunk分割---解除recommended size limit (244 KiB)限制
webpack静态资源管理加载及输出管理
小青蛙的博客
06-12 1922
webpack指南梳理学习 - 静态资源管理加载及输出管理 导读 在webpack中，静态资源管理加载和输出管理是非常重要的一个功能，在模块化开发中起到了很重要的作用，我们通过加载打包css、图片、字体、数据文件等来 了解webpack对资源的管理 安装依赖 cnpm install --save-dev style-loader css-loader # 加载css cnpm install -...
Webpack抛出错误/警告：asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
觉醒法师的专栏
03-15 5939
entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.”意思是：“入口点大小限制：以下入口点组合资源超出建议大小限制（244KiB）。今天操作webpack时报出几个错误，从提示上可以看出是因为webpack打包文件太大，导致的警告错误，可以手动设置打包文件的大小限制。
【解决】WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)
你，若盛开的专栏
06-13 8603
运行vue项目 npm run build 时，终端webpack报错： 解决方案： 在webpack.config.js配置文件中，添加配置项如下： module.exports = { //该选项可以控制 webpack 如何通知「资源(asset)和入口起点超过指定文件限制」 performance: { hints: "warning", // 枚举 hints: "error", // 性能提示中抛出错误 hints: false, // 关闭性能提示
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
GikQxx21_wen的博客
05-05 2812
打包报警告
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impac
热门推荐
Queen-Shir的博客
05-23 1万+
警告提示： 翻译过来就是：资产规模限制：以下资产超过了建议的规模限制（244 KiB）。这可能会影响web性能。 错误原因，资源(asset)和入口起点超过指定文件限制，需要在 vue.config.js 文件内做如下配置： module.exports = { //webpack配置 configureWebpack: { //关闭 webpack 的性能提示 performance: { hints:false } //或者
node modules/element-ui/lib/utils/lodash.is`文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理，手机端使用过大的is库影响性能。14:29:24.89814:29:40.477WARNING: asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
最新发布
03-21
因此建议重新审视 Webpack 构建流程中的 TerserPlugin 参数设定，允许更大范围内的代码参与压缩操作[^1]。 ```javascript const TerserPlugin = require('terser-webpack-plugin'); module.exports = { ...
> vue@0.1.0 build > vue-cli-service build All browser targets in the browserslist configuration have supported ES module. Therefore we don't build two separate bundles for differential loading. | Building for production... WARNING Compiled with 3 warnings 15:43:12 warning asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. Assets: js/chunk-vendors.e381b6f0.js (909 KiB) warning entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance. Entrypoints: app (911 KiB) js/chunk-vendors.e381b6f0.js js/app.a8a0948e.js 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/ File Size Gzipped dist\js\chunk-vendors.e381b6f0.js 908.77 KiB 248.96 KiB dist\js\app.a8a0948e.js 1.93 KiB 0.95 KiB Images and other types of assets omitted. Build at: 2025-03-19T07:43:12.096Z - Hash: c9763568847b8c47 - Time: 5840ms DONE Build complete. The dist directory is ready to be deployed. INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html
03-20
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. Assets: js/chunk-vendors.e381b6f0.js (909 KiB) entrypoint size limit: The ...
webpack源码解析六（webpack-chain）
vv_bug
07-13 3729
前言 前面我们写了几篇文章用来介绍webpack源码，跟着官网结合demo把整个webpack配置撸了一遍： webpack源码解析一 webpack源码解析二（html-webpack-plugin插件） webpack源码解析三 webpack源码解析四 webpack源码解析五 今天我们说一下一个关于webpack配置的第三方库webpack-chain,为什么要讲它呢？ 可以借助IDE可以做到智能提示，让我们配置起来不容易出错，而且完全链式语法，用起来比较爽！ 开始 我们还是接着我们之前章节的w
npm run asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
leenhem的博客
11-12 4910
leenhem@leenhem-Thinkpad-T440P:~/code/vue-element-admin$ npm run prod > vue-element-admin@4.4.0 prod > vue-cli-service serve --mode production INFO Starting development server... WARNING Compiled with 2 warnings
npm run build: WARNING in asset size limit: The following asset(s) exceed the recommended size limit
lotte
05-06 1947
webpack升级webpack4后打包出现文件大小警告提示 npm run build: WARNING in asset size limit: The following asset(s) exceed the recommended size limit 网上查找方法多数为修改webpack.config.js 实际项目中无此文件，是多个文件组合起来的 只需要修改web...
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).打包文件体积过大
小草莓的博客
12-31 4833
打包报错： asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. 原因： webpack打包提示文件体积过大导致的。 解决办法： 在vue.config.js增加配置： configureWebpack: config => { // 为生产环境修改配置...
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
LJJONESEED的博客
08-24 3513
vue项目打包的时候报错，如图所示 asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. 原因是因为webpack打包提示文件体积过大导致。 解决办法： 修改下打包时的配置 vue.config.js文件里面修改。没有这个文件就新建一个，跟package.json同级目录 config["performance"] = {
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)
qq_38057434的博客
06-23 387
打包出现文件大小警告提示 在webpack.base.conf.js配置，添加 module.exports = { performance: { hints: 'warning', //入口起点的最大体积 整数类型（以字节为单位） maxEntrypointSize: 50000000, //生成文件的最大体积 整数类型（以字节为单位 300k） maxAssetSize: 30000000, //只给
报错记录：WARNING IN ASSET SIZE LIMIT: THE FOLLOWING ASSET(S) EXCEED THE RECOMMENDED SIZE LIMIT (244 KIB)
最是人间留不住，朱颜辞镜花辞树。
03-10 1542
使用webpack，运行npm run dev的时候报错了（据说因为资源(asset)和入口起点超过指定文件限制） 已解决：（在webpack.config.js中配置） performance: { hints:false }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值