Skip to content

fsubal/charcoal-recipes

Repository files navigation

charcoal-recipes

いろんな環境で https://github.com/pixiv/charcoal を使用します。

試した環境

/examples を見てね

  • html-parcel-classless
  • react-vite-styled
  • react-webpack-tailwind
  • vue-vite-tailwind

わかったこと

  • CRA (Webpack) 環境で styled と icons は問題なく動く
  • Vite 環境で styled, tailwind-config は普通に動く、icons は工夫が必要
  • Parcel で icons が動かない。tailwind-config は普通に動いた
  • swc とか esbuild は試していないのでわからない

icons は SVG を dynamic import しており、この辺の挙動がバンドラーによって上手くいく・いかない生んでいる。 ( 現状の icons は主に webpack 環境を想定して実装されており、そこが課題っぽい )