search

baidu / amis

前端低代码框架，通过 JSON 配置就能生成各种页面。
https://baidu.github.io/amis/
Apache License 2.0
17.36k stars 2.52k forks source link

amis打包太大 #4033

Open h7ml opened 2 years ago

h7ml commented 2 years ago

描述问题：

amis打包太大了，详情看打包分析 打包后的总文件大小33.39mb,其中amis占9.4mb，amis依赖包monaco-editor占15.64md

截图或视频：

image image

image

如何复现（请务必完整填写下面内容）：

  1. 你是如何使用 amis 的？ npm

  2. amis 版本是什么？请先在最新 beta 版本测试问题是否存在 amis:1.5.3

  3. 粘贴有问题的完整 amis schema 代码：

    [report.html](https://dev.iotn2n.com/report.html)
chenfengjw163 commented 2 years ago

引入amis我看index.js默认就直接import了N个组件，能不能这里做成可配置的，我需要哪些才加载这些，并且是不是也可以动态加载？

h7ml commented 2 years ago

引入amis我看index.js默认就直接import了N个组件，能不能这里做成可配置的，我需要哪些才加载这些，并且是不是也可以动态加载？

我觉得应该配不了，在这方面，真的很不友好。如果出一个amis-editor-plugins 或者amis-webpack-plugins ，按需加载就很棒了。

luanwulin commented 2 years ago

+1 打包体积太大了，之前看到一个issue也提到过。包太大，现在加载速度还是不太理想

nwind commented 2 years ago

monaco 之类的是动态加载的，需要注意 tsconfig 里的 module 配置，不然无法开启动态加载

luanwulin commented 2 years ago

@nwind 目前用的esnext，可以动态加载么？

chenfengjw163 commented 2 years ago

monaco 之类的是动态加载的，需要注意 tsconfig 里的 module 配置，不然无法开启动态加载

把组件包独立出来啊，做成export模式，用户按需引用，利用treeshaking按需打包，导入之后手动注册组件

ghost commented 2 years ago

同感, 希望可以做成一个配置的, 通过配置自行加载需要的组件. 或者通过配置取消加载哪些组件. 好些组件用不到

nwind commented 2 years ago

monaco 之类的是动态加载的，需要注意 tsconfig 里的 module 配置，不然无法开启动态加载

把组件包独立出来啊，做成export模式，用户按需引用，利用treeshaking按需打包，导入之后手动注册组件

预计是下个月打算做这个拆分

ghost commented 2 years ago

你好，由于垃圾邮件泛滥，此账号已经停用。 请将邮件重发到 @.**@.  谢谢。

ghost commented 2 years ago

monaco 之类的是动态加载的，需要注意 tsconfig 里的 module 配置，不然无法开启动态加载

把组件包独立出来啊，做成export模式，用户按需引用，利用treeshaking按需打包，导入之后手动注册组件

预计是下个月打算做这个拆分

吴总牛掰.... 新手一枚, 坐等新版.

ghost commented 2 years ago

谢谢大佬提供的平台.

ghost commented 2 years ago

低代码还是得看百度amis. ... 其他的厂商开源出来的都只是随便玩玩... 特别是阿里, 一口气开源好几个. . 只管开源不管...

gillbates commented 2 years ago

阿里的就是 纯为了涨工资做的。。。社区支持，懂得都懂。。。坐等下个月的优化版。。。

Tomao2014 commented 2 years ago

同样，希望可以配置一个，通过自己配置加载的组件。或者通过配置取消加载哪些组件。好些组件用不到

这个想法好，我最近也是一直头疼amis体积太大的问题，而且有一些组件是真的用不上。如果能做成配置的，按需引入，那就真的太好了！

ghost commented 2 years ago

你好，由于垃圾邮件泛滥，此账号已经停用。 请将邮件重发到 @.**@.  谢谢。

liuhanqu commented 2 years ago

请问下这里有更新吗？

agileago commented 2 years ago

+1

ghost commented 2 years ago

你好，由于垃圾邮件泛滥，此账号已经停用。 请将邮件重发到 @.**@.  谢谢。

remotesc2 commented 1 year ago

+1

heimanba commented 1 year ago

低代码还是得看百度amis. ... 其他的厂商开源出来的都只是随便玩玩... 特别是阿里, 一口气开源好几个. . 只管开源不管...

没有必要拉踩哈，开源总的来说百家齐放，生态繁荣，对大家都友好的

AxeMea commented 1 year ago

monaco 之类的是动态加载的，需要注意 tsconfig 里的 module 配置，不然无法开启动态加载

把组件包独立出来啊，做成export模式，用户按需引用，利用treeshaking按需打包，导入之后手动注册组件

预计是下个月打算做这个拆分

请问这个有进展了吗？

douguohai commented 11 months ago

monaco 之类的是动态加载的，需要注意 tsconfig 里的 module 配置，不然无法开启动态加载

把组件包独立出来啊，做成export模式，用户按需引用，利用treeshaking按需打包，导入之后手动注册组件

预计是下个月打算做这个拆分

请问这个有进展了吗？

同问+1