🍃

tailwind.config.jsで型補完を効かせる

2021/04/19に公開

2022/10/05 追記

知らない間に以下で補完効くようになってました。下記のように@types/tailwindcssのインストールは必要ありません。
めでたいですね。

tailwind.config.js

/** @type {import('tailwindcss').Config} */

module.exports = {
 ...
}

# npm
$ npm i -D @types/tailwindcss

# yarn
$ yarn add -D @types/tailwindcss

ファイルの先頭に以下を加えます。

tailwind.config.js

/**
 * @type {import('@types/tailwindcss/tailwind-config').TailwindConfig}
 */

module.exports = {
 ...
}

エディタで補完が効いてめでたい！
僕はVSCodeを使っています。

そこまで頻繁に更新するものでもないし、編集するときはたいてい公式ドキュメントを見ながらなので、正直そこまで必要ない。