tailwind.config.js中/** @type {import('tailwindcss').Config} */语句的作用是什么?
关于Tailwind配置文件中类型注释的作用
这行/** @type {import('tailwindcss').Config} */是TypeScript类型声明注释,专门给JavaScript版本的Tailwind配置文件用的,核心作用就是让编辑器能识别配置对象的类型,具体好处有这些:
- 提供智能补全:写配置的时候,编辑器会自动弹出
theme、plugins、content这些合法配置字段的提示,不用手动记字段名 - 实时类型校验:要是你写错了字段名(比如把
content写成contents),或者给字段传了不符合规则的值,编辑器会立刻标红提醒,提前避免配置错误 - 减少查文档的次数:编辑器会直接显示每个配置项的取值要求,比如
theme.colors该怎么定义,不用反复翻Tailwind官方文档
内容的提问来源于stack exchange,提问作者zain
相关产品推荐
相关产品推荐

