Skip to content

前端打包js文件太大(7M),造成第一次访问速度太慢(60秒以上) #1343

Closed
@224148793

Description

@224148793
版本号:

2.2.0

问题描述:

前端打包js文件太大(7M),造成第一次访问速度太慢(60秒以上)

截图&代码:

image
image

友情提示: 未按格式要求发帖,会直接删掉。

Activity

224148793

224148793 commented on Jun 16, 2020

@224148793
Author

可能还是我没有表述清楚吧,我不是说整个dist文件夹打包是7M,我是我生成的有一个js文件是7M。可以看前面的图片。chunk-vendors.ee53c28d.js 这个文件有7M,然后gzip以后是2.5M。谢谢。

zhangdaiscott

zhangdaiscott commented on Jun 16, 2020

@zhangdaiscott
Member

打包过大已确认是依赖"@jeecg/antd-online-beta220": "^1.0.1"的问题。
如果发布线上不需要online功能,可以把此依赖删掉会小非常多 测试结果:chunk-vendors*.js变成2.6M、然后gzip以后是810 KB

具体操作步骤

1、package.json 删掉依赖 @jeecg/antd-online-beta220
2、yarn install 或者cnpm install
3、执行打包build命令

image

deleted a comment from 224148793 on Jun 23, 2020
deleted a comment from 224148793 on Jun 23, 2020
deleted a comment from 224148793 on Jun 23, 2020
deleted a comment from 224148793 on Jun 23, 2020
deleted a comment from javaAjun on Jun 23, 2020
zhangdaiscott

zhangdaiscott commented on Jun 24, 2020

@zhangdaiscott
zhangdaiscott

zhangdaiscott commented on Jun 29, 2020

@zhangdaiscott
Member

新方案

删除@jeecg/antd-online-beta220,换成@jeecg/antd-online-220-mini
online的依赖从5M减少至1.3M

1、安装新依赖
     yarn add @jeecg/antd-online-220-mini

2、修改引用
     src/main.js
 
     require('@jeecg/antd-online-220-mini')
     require('@jeecg/antd-online-220-mini/dist/OnlineForm.css')

3、修改util引用
     src/utils/util.js

     import onlineCommons from '@jeecg/antd-online-beta220-mini'


详细参考此链接: https://www.npmjs.com/package/@jeecg/antd-online-beta220-mini

zd551317

zd551317 commented on Jul 2, 2020

@zd551317

换成@ jeecg / antd-online-220-mini bulid报错了

zd551317

zd551317 commented on Jul 2, 2020

@zd551317

新方案

删除@ jeecg / antd-online-beta220,换成@ jeecg / antd-online-220-mini
online的依赖从5M减少至1.3M
详细参考此链接:https : //www.npmjs.com/package/@jeecg/antd-online-beta220-mini

换成@ jeecg / antd-online-220-mini bulid报错 404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@jeecg%2fantd-online-220-mini - Not found

zhangdaiscott

zhangdaiscott commented on Jul 2, 2020

@zhangdaiscott
Member

你安装依赖了?
yarn install

重新补充了操作步骤,看四楼

8 remaining items

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @224148793@zhangdaiscott@rjliulei@devinRex@chongyangwang

        Issue actions

          前端打包js文件太大(7M),造成第一次访问速度太慢(60秒以上) · Issue #1343 · jeecgboot/JeecgBoot