はじめに こんにちは、エンジニアの佐野です。 とあるプロジェクトで tailwindcss というCSSフレームワークを利用しているのですが、今回 tailwindcss をupgradeすることになりました。 upgrade前のversionが v0.7 で、upgrade後のversionは v1.1.2 です。 メジャーバージョンが上がるので変更点がかなり多いです。 職人による手作業でやろうとすると、ファイル数 × 変更点 という膨大な量になります…… これは手作業でやりたくない……ということで、できる限り自動化してみました。 最終的には、正規表現でカバーしきれない部分以外は自動化できてとても楽だったので紹介します。 tailwindcssとは tailwindcss.com CSSフレームワークでは Bootstrap が有名ですが、 tailwindcss は Bootstrap
![tailwindcss v0.7→v1.xへのupgradeを自動化した - Inside BuildIt](https://cdn-ak-scissors.b.st-hatena.com/image/square/69b0687a0acbaeaafc88eeb7450673572da0211f/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fu%2Funiq%2F20191108%2F20191108152148.jpg)