SakuraWi - BLog

WEBエンジニア。聴いたお話をまとめておく倉庫的な。スタックストックスタック!

tailwind.config.jsのpurge: とcontentの変更について


webpack-dev-serverを起動中のwarningに、contentについて記載があった。

purgeがcontentに変更されている模様

どうやら、含めたいものを書く形式になったよう。

これまでは、パージ(除外したいもの)だった。

tailswindが新しいverになっているとチェック推奨。

Upgrade Guide - Tailwind CSS

module.exports = {
  content: [
    './app/**/*.html.erb',    // Railsのビューファイル
    './app/**/*.html.haml',
    './app/helpers/**/*.rb',   // Railsのヘルパーファイル
    './app/javascript/**/*.js', // JavaScriptファイル
    './app/javascript/**/*.jsx', // JSXファイル
    './app/javascript/**/*.ts', // TypeScriptファイル
    './app/javascript/**/*.tsx', // TypeScriptのReactコンポーネント
    './app/javascript/**/*.vue', // Vueコンポーネント
    './app/**/*.rb',   
  ],
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
}