Alias in css don't work ?

[stephanedemotte]

Describe the bug

I've use alias but it seem not work in style

Reproduction

in vite.config.js

export default {
  alias: { '/~/': require('path').resolve(__dirname, 'src') },
}

in App.vue alias work in script

<script>
import { test } from '/~/Settings.js'
<script>

But don't in style

<style>
@import '/~/css/Global.css'
</style>

System Info

• required vite version: v1.0.0-rc.3
• required Operating System: Linux
• required Node version: v12.11.1
• Optional:
  • npm/yarn version 1.12.3
  • Installed vue version (from yarn.lock or package-lock.json) 3.0.0-rc.4
  • Installed @vue/compiler-sfc version 3.0.0-rc.4

[yyx990803]

We need to use postcss-import's resolve option to handle Vite's aliases.

[ghost]

so the question was solved in which version?

[jkwill87]

@Ruthevil it doesn't look like @phanmn's changes have been merged into this repo yet

[oleksii-shaposhnikov]

@yyx990803 so how to import scss correctly like in the example in the description?

[Niputi]

@oleksii-shaposhnikov you should ask questions in discord chat https://chat.vitejs.dev/ or at https://github.com/vitejs/vite/discussions instead of in old closed issues