npm run build:asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)

最新推荐文章于 2024-03-15 19:08:57 发布
最新推荐文章于 2024-03-15 19:08:57 发布
阅读量913 收藏
点赞数 1
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/World_Mei/article/details/108242265
版权
在项目打包过程中遇到npm run build:asset size limit错误，提示资源和入口起点超过244 KiB推荐限制。解决方案是在webpack配置文件中进行调整。
摘要由CSDN通过智能技术生成

今天在vue项目打包npm run build 中遇到以下问题：

在这里插入图片描述

错误原因，资源(asset)和入口起点超过指定文件限制，需要在 vue.config.js 文件内做如下配置：

module.exports={
   
	//webpack配置
	configureWebpack: {
   
    	//关闭 webpack 的性能提示
    	performance: {
   
      		hints:false
最低0.47元/天 解锁文章
World_Mei
关注
专栏目录
webpack warning : 入口点大小超过了建议的限制（244kB）
吴佳强的博客
12-21 5216
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. Assets: bundle.js (1.55 MiB) WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)
qq_38057434的博客
06-23 338
打包出现文件大小警告提示 在webpack.base.conf.js配置，添加 module.exports = { performance: { hints: 'warning', //入口起点的最大体积 整数类型（以字节为单位） maxEntrypointSize: 50000000, //生成文件的最大体积 整数类型（以字节为单位 300k） maxAssetSize: 30000000, //只给
npm run build时出现asset size limit: ....警告
Tingting_Wang152的博客
05-08 5684
错误原因，资源(asset)和入口起点超过指定文件限制，需要在 vue.config.js 文件内做如下配置： module.exports = { baseUrl: "./", lintOnSave: false, configureWebpack: { //关闭 webpack 的性能提示 performance: { hints:false...
报错记录：WARNING IN ASSET SIZE LIMIT: THE FOLLOWING ASSET(S) EXCEED THE RECOMMENDED SIZE LIMIT (244 KIB)
最是人间留不住，朱颜辞镜花辞树。
03-10 1319
使用webpack，运行npm run dev的时候报错了（据说因为资源(asset)和入口起点超过指定文件限制） 已解决：（在webpack.config.js中配置） performance: { hints:false }
npm run asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
leenhem的博客
11-12 4734
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
Webpack抛出错误/警告：asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
最新发布
觉醒法师的专栏
03-15 4201
entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.”意思是：“入口点大小限制：以下入口点组合资源超出建议大小限制（244KiB）。今天操作webpack时报出几个错误，从提示上可以看出是因为webpack打包文件太大，导致的警告错误，可以手动设置打包文件的大小限制。
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 } //或者
webpack静态资源管理加载及输出管理
小青蛙的博客
06-12 1866
webpack指南梳理学习 - 静态资源管理加载及输出管理 导读 在webpack中，静态资源管理加载和输出管理是非常重要的一个功能，在模块化开发中起到了很重要的作用，我们通过加载打包css、图片、字体、数据文件等来 了解webpack对资源的管理 安装依赖 cnpm install --save-dev style-loader css-loader # 加载css cnpm install -...
webpack源码解析六（webpack-chain）
vv_bug
07-13 3625
前言 前面我们写了几篇文章用来介绍webpack源码，跟着官网结合demo把整个webpack配置撸了一遍： webpack源码解析一 webpack源码解析二（html-webpack-plugin插件） webpack源码解析三 webpack源码解析四 webpack源码解析五 今天我们说一下一个关于webpack配置的第三方库webpack-chain,为什么要讲它呢？ 可以借助IDE可以做到智能提示，让我们配置起来不容易出错，而且完全链式语法，用起来比较爽！ 开始 我们还是接着我们之前章节的w
09- webpack 加载数据文件 json、xml、csv
ZWQ0325的博客
07-18 2607
一、加载 json 文件 内置支持 JSON 解析，也就是说 import Data from './data.json' 默认将正常运行。 1.1 添加 json 文件 demo09 |- package.json |- webpack.config.js |- /dist |- bundle.js |- index.html |- /src |- 华...
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
LJJONESEED的博客
08-24 3277
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"] = {
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).打包文件体积过大
小草莓的博客
12-31 4606
打包报错： 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 => { // 为生产环境修改配置...
webpack打包时提示：The following entrypoint(s) combined asset size exceeds the recommended limit
我的米饭
08-11 6357
如果webpack打包时提示：The following entrypoint(s) combined asset size exceeds the recommended limit，可以设置 “vue.config.js” ，增加如下配置内容： module.exports = { //以上省略默认的一些配置参数 configureWebpack: config => { // 不是开发环境时生效 if (process.env.NODE_ENV !== 'development') {
entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit
shidouyu的专栏
10-28 6829
if (process.env.NODE_ENV === 'production') {// 为生产环境修改配置...productionSourceMap: false, // 生产环境是否生成 sourceMap 文件。assetsDir: "static", //放置生成的静态文件目录（js css img）config["performance"] = {//打包文件大小配置。outputDir: 'dist', // 输出文件目录。publicPath: './', // 基本路径。
npm run build:stage还是npm run build:prod
08-19
npm run build:stage和npm run build:prod是两个不同的构建命令。npm run build:stage用于构建一个用于开发或者测试环境的应用，而npm run build:prod则用于构建一个用于生产环境的应用。根据你提供的信息，使用npm run build:prod构建出来的包会比较小，适用于生产环境的部署。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [关于npm run build:prod和npm run build:stage的区别解释](https://blog.csdn.net/C05230/article/details/130388460)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue-cli3打包时vue-cli-service build怎么分不同环境（npm run build:stage和npm run build:prod）](https://blog.csdn.net/weixin_52428855/article/details/124631881)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [使用vue-cli打包过程中的步骤以及问题的解决](https://download.csdn.net/download/weixin_38747211/13200390)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值