{"title":"Storybook \u3067 SCSS \u3092\u4f7f\u3048\u308b\u3088\u3046\u306b\u3059\u308b","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fobel.hatenablog.jp%2Fentry%2F20211011%2F1633894200\" title=\"Storybook \u3067 SCSS \u3092\u4f7f\u3048\u308b\u3088\u3046\u306b\u3059\u308b - \u7d04\u675f\u306e\u5730\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_name":"gregminster","description":"\u6ce8\u610f \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306f\u79fb\u308a\u5909\u308f\u308a\u304c\u6fc0\u3057\u3044\u305f\u3081\u3001\u3053\u306e\u65b9\u6cd5\u304c\u8aa4\u308a\u306b\u306a\u308b\u53ef\u80fd\u6027\u304c\u3042\u308a\u307e\u3059 2021/09/06 \u6642\u70b9\u3067\u306e\u60c5\u5831\u3067\u3059 \u7d50\u8ad6 1. sass-loader \u306e v10 \u3092\u5165\u308c\u308b \u6700\u65b0\u7248\u3092\u5165\u308c\u3066\u3057\u307e\u308f\u306a\u3044\u3088\u3046\u306b\u6ce8\u610f\u3059\u308b*1\u3002 $ yarn add --dev sass-loader@^10.0.0 2. style-loader \u3068 css-loder \u3092\u5165\u308c\u308b $ yarn add --dev style-loader css-loader 3. .storybook/main.js \u3092\u4fee\u6b63\u3059\u308b \u4ee5\u4e0b\u306e\u3088\u3046\u306b\u4fee\u6b63\u3057\u307e\u3059\u3002 module.exports = { // \uff08\u3053\u3053\u307e\u3067\u7701\u7565\uff09 web\u2026","categories":["\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0 -> \u8a00\u8a9e -> JavaScript","\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a"],"width":"100%","blog_title":"\u7d04\u675f\u306e\u5730","url":"https://obel.hatenablog.jp/entry/20211011/1633894200","height":"190","published":"2021-10-11 04:30:00","provider_url":"https://hatena.blog","image_url":"https://cdn.user.blog.st-hatena.com/default_entry_og_image/459657/1568741889764668","version":"1.0","type":"rich","blog_url":"https://obel.hatenablog.jp/","provider_name":"Hatena Blog","author_url":"https://blog.hatena.ne.jp/gregminster/"}