A webpack config for Storybook against Nuxt (vue, typescript)

webpack.config.js

const path = require('path')
const rootPath = path.resolve(__dirname, '../')

module.exports = ({ config }) => {
  config.module.rules.push(
    {
      test: /\.(ts|tsx)$/,
      use: [
        {
          loader: 'babel-loader'
        },
        {
          loader: require.resolve('ts-loader'),
          options: {
            appendTsSuffixTo: [/\.vue$/],
            transpileOnly: true
          }
        }
      ]
    },
    {
      test: /\.scss$/,
      use: [
        'vue-style-loader',
        'css-loader',
        {
          loader: 'sass-loader',
          options: {
            data: `
                  @import '@/css/default/_variables.scss';
                  @import '@/assets/css/fonts.scss';
                  @import '@/assets/css/modern-reset.scss';
                  @import '@/assets/css/typography.scss';
                `
          }
        }
      ]
    },
    {
      test: /\.vue$/,
      loader: 'storybook-addon-vue-info/loader',
      enforce: 'post'
    }
  )

  config.resolve.extensions.push('.ts', '.tsx', '.js')

  config.resolve.alias['@'] = rootPath

  return config
}