Rails 现在用 importmap + stimulus 这套技术栈有什么好用的组件库?

willx · 2025年01月03日 · 最后由 stephen 回复于 2025年01月16日 · 526 次阅读

看了一圈,感觉还是 bootstrap 组件最全;stimulus-components 组件非常少;tailwind 很多库还是得依赖 node

把 stimulus 作为一个包装器,所有 js 库都可以包进去。

stimulus-components 很多组件就是基于这个方法。

Rei 回复

现在难受的点是,用了 stimulus-components,stimulus 配合 importmap 的自动懒加载就没了

willx 回复

我依赖好几个 npm 包,importmap 无法很好的支持,所以回到 esbuild 了。

Rei 回复

请教一下是用的 SPA 吗?因为目前 rails 这套 esbuild/webpack/rollup 想做到给不同的页面加载不同的 JS 文件(懒加载)好麻烦,得一个个文件路径手写到 js 编译工具的配置里面。

还是说所有 js 都放一起,不做懒加载。

willx 回复

application.js 打包到一起,某些库体积大又很少变的单独打包,例如 editor,chart。layout 里 include 几个 js 文件。

其实 DHH 即使推 nobuild 也是把所有 js 预加载,可以用浏览器调试看 https://app.hey.com/sign_in ,所有 js 都用了 modulepreload。importmap 默认设置也是 preload。

懒加载会导致交互延迟,体验不好。

https://github.com/layui/layui 感觉这个应该契合度很高

需要 登录 后方可回复, 如果你还没有账号请 注册新账号