title: Vite import CSS with alias in main.ts
body: <p>I'm trying to replace vue-cli with vite. I have a vite.config.js so I can use alias for imports:</p>
  <pre><code>export default {
      alias: {
          '@': require('path').resolve(__dirname, 'src'),
      },
  };
  </code></pre>
  <p>Then in my main.ts I try to import my css file (I tried it with or without the <code>.module</code>:</p>
  <pre><code>import { createApp } from 'vue';
  import App from './App.vue';
  import router from './router';
  
  import '@/assets/app.module.css';
  
  createApp(App).use(router).mount('#app');
  </code></pre>
  <p>But I get this error:</p>
  <blockquote>
  <p>[vite] Failed to resolve module import &quot;@/assets/app.module.css&quot;. (imported by /src/main.ts)</p>
  </blockquote>
  <p>What am I doing wrong?</p>