NuxtとStorybookでSASSを使う

この記事はQiitaに書いていた自身の記事のコピーです。

Parcelばっかり書いていて、久しぶりのWebpackに戸惑った。

エラーの経緯

ちゃんとindentedSyntax指定しないと<style lang='sass'>指定でもエラーが出る。

// 略
config.module.rules.push({
  test: /\.sass$/,
  loaders: [
    'style-loader',
    'css-loader',
    {
      loader: 'sass-loader',
      options: {
        indentedSyntax: true
      }
    },
  ],
})
//略

参考にさせていただいたサイト

• Nuxt.jsへのStorybookの導入と、Sassの変数や共通CSSを読めるようにする設定 - tacamy—blog