DEV Community
·
最后的挑战：进展
💡
原文英文，约1200词，阅读约需5分钟。
📝
内容提要
我在onlook项目中工作了一周，解决了className使用模板字面量时文本区域不显示Tailwind类的问题。通过使用@babel/types库中的isTemplateLiteral方法判断className类型，修改后文本区域在使用模板字面量时会显示只读警告。接下来，我将确保警告仅在动态变量时出现，并添加按钮引导用户查看源代码。希望下周能完成并合并此问题。
🎯
关键要点
- 我在onlook项目中工作了一周，解决了className使用模板字面量时文本区域不显示Tailwind类的问题。
- 通过使用@babel/types库中的isTemplateLiteral方法判断className类型，修改后文本区域在使用模板字面量时会显示只读警告。
- 我将确保警告仅在动态变量时出现，并添加按钮引导用户查看源代码。
- 希望下周能完成并合并此问题。
❓
延伸问答
在onlook项目中解决了什么问题？
解决了className使用模板字面量时文本区域不显示Tailwind类的问题。
如何判断className是否使用模板字面量？
通过使用@babel/types库中的isTemplateLiteral方法来判断className类型。
文本区域显示只读警告的条件是什么？
警告仅在className使用模板字面量且包含动态变量时出现。
接下来的工作计划是什么？
确保警告仅在动态变量时出现，并添加按钮引导用户查看源代码。
在开发过程中遇到了什么问题？
遇到的问题是未拉取最新的主分支，导致功能突然停止工作。
如何处理className的静态字符串和动态变量？
需要判断className是否使用模板字面量，并确定是否包含动态变量，以决定是否显示Tailwind类。
➡️
