DEV Community
·
如何将Rails应用从Bootstrap迁移到Bulma
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
从Rails应用中卸载Bootstrap相关的gem，安装Bulma，并添加Bulma样式表或npm包。安装cssbundling-rails gem以支持多个CSS框架，迁移现有CSS类并更新测试，确保应用正常运行。卸载不再需要的sassc-rails，最后提交代码。
🎯
关键要点
- 从Rails应用中卸载Bootstrap相关的gem。
- 使用终端卸载Bootstrap并更新环境。
- 根据安装文档添加Bulma样式表或npm包。
- 安装nvm、nodejs和npm以支持Bulma自定义样式。
- 安装cssbundling-rails gem以支持多个CSS框架。
- 使用cssbundling-rails安装Bulma包并配置本地CSS编译。
- 迁移现有CSS类从Bootstrap到Bulma，并更新测试。
- 卸载不再需要的sassc-rails gem以避免错误。
- 最后提交代码，完成迁移。
❓
延伸问答
如何从Rails应用中卸载Bootstrap？
使用终端进入项目文件夹，运行命令：gem uninstall bootstrap-sass bootstrap-will_paginate，然后运行bundle install更新环境。
如何在Rails应用中添加Bulma样式表？
根据安装文档，将预编译的Bulma样式表链接添加到文档头部，或安装Bulma npm包以自定义样式。
为什么需要安装cssbundling-rails gem？
cssbundling-rails gem可以支持多个CSS框架，并配置应用以本地编译CSS样式。
迁移现有CSS类到Bulma的步骤是什么？
需要在应用模板、视图和部分中迁移所有现有的CSS类，并确保更新测试。
在迁移后遇到的常见错误是什么？
迁移后可能会遇到集成测试失败的错误，通常是由于sassc-rails不支持Bulma中的某些更新Sass导致的。
如何处理不再需要的sassc-rails gem？
可以通过运行命令gem uninstall sassc-rails来卸载不再需要的sassc-rails gem。
➡️
