[CSS] Tailwind CSS purge관련 경고 해결

Tailwind CSS에서 purge관련 경고 해결

warn - The `purge`/`content` options have changed in Tailwind CSS v3.0.
warn - Update your configuration file to eliminate this warning.
warn - https://tailwindcss.com/docs/upgrade-guide#configure-content-sources

오랫만에 Tailwind CSS를 사용하려 하는데 위와 같은 경고메시지가 출력된다.

 

이는 Tailwind CSS v3.0에서는 purge옵션이 content옵션으로 변경되었다는 점을 알려준다.

기존 설정 파일을 업데이트하여 이 경고를 해결할 수 있다.

---

기존 Tailwind CSS  설정파일(tailwind.config.js) 업데이트

1. 기존코드

module.exports = {
  // 기존 purge 옵션
  purge: [
    './src/**/*.{js,ts,jsx,tsx}'
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

 

2. 수정코드

module.exports = {
  // 아래와 같이 purge를 content로 수정
  content: [
    './src/**/*.{js,ts,jsx,tsx}'
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}