React + Typescriptプロジェクトでplugin-styled-componentsを使うときの設定 - じまろぐ

styled-components使ってる env !== "production" のときにクラス名にファイル名が入るようにしたい デバッグのため babel-plugin-styled-componentsがある TypeScriptだとこのプラグインは効かない ts-loaderでトランスパイルしてるから storybookでも使いたい という感じで、ts-loaderを使ってるのでTypeScriptプロジェクトの場合は typescript-plugin-styled-components を使う必要がある。babelでやってる場合は babel-plugin-styled-components で大丈夫なはず。 設定 webpack.config.js で ts-loaderのoptionを設定する。 const path = require("path"); const cr