title: aliases don't seem to work in vue storybook
body: <p>I'm using <a href="https://storybook.js.org/basics/guide-vue/" rel="nofollow noreferrer">storybook for vue</a> to generate a styleguide and I would like to add some aliases for 'src' folder so i can easily reference components and scss files.</p>
  
  <p>So i added <code>webpack.config.js</code> file under <code>.storybook</code>:</p>
  
  <pre><code>const path = require("path");
  
  module.exports = (baseConfig, env, defaultConfig) =&gt; {
    defaultConfig.module.rules.push({
      test: /\.scss$/,
      loaders: ["style-loader", "css-loader", "sass-loader"],
      include: path.resolve(__dirname, "../src/scss")
    });
  
    defaultConfig.resolve.extensions.push(".scss");
    defaultConfig.resolve.alias = {
      ...defaultConfig.resolve.alias,
      "@": path.resolve(__dirname, "../src"),
      "~": path.resolve(__dirname, "../src/scss")
    };
  
    return defaultConfig;
  };
  </code></pre>
  
  <p>But when i try to reference an scss file i get an error:</p>
  
  <blockquote>
    <p>Module build failed: @import "~/main"; ^
          File to import not found or unreadable: ~/main.</p>
  </blockquote>
  
  <p>I also tried with <code>~main</code> but still the same.</p>
  
  <p>What am i missing?</p>