✅CSSを分離した (takker99/ScrapBubble)
before
CSSを、対応するPreact ComponentのTSXファイル中で文字列として定義していた
pros
JSだけで完結する
cons
CSSの構文チェックができない
CSSのminifyができない
after
Separate CSS from JS in order to minify CSS by takker99 · Pull Request #6 · takker99/ScrapBubble
CSSをCSSファイルに分離した
app.cssがentry point
JSには、CSSをexport CSS=\`${minified css...}\`;に変換するscriptを使って作成したapp.min.css.ts経由で取り込む
pros
CSSの構文チェックができる
minifyしたCSSを取り込める
cons
release前に変換したTSファイルをscriptで生成する必要がある
自動化したい
2022-01-15 17:54:06 JSにあったCSSを消すのを忘れてた
消した:https://github.com/takker99/ScrapBubble/pull/16
takker99/ScrapBubble
#2022-01-15 17:54:22
#2022-01-06 20:12:56