vue 中引 css 一直找不到位置

[yantianqi]

用 vue init webpack blog 来初始化的项目
在 App.vue 中的

<style>
@import '~static/style.css';
</style>

在根目录下的 static 有 style.css
在 webpack 里面也配置了 alias 了

alias: {
      'static': resolve('static'),
      '@': resolve('src')
    }

怎么找不到文件呢？

[shengchao]

看我的 alias 里是
```
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
}
```
引用就是
```
import Hello from '@/components/Hello'
```

[airyland]

一个问题何必发 3 个帖子，况且都已经有问题，这不是好好提问题了，是 spam。 @livid

[sensui7]

~一般是 node_module 目录， 你确定要用~开头吗？ 欢迎使用我的脚本，https://www.v2ex.com/t/411666

[yantianqi]

@sensui7 引用静态资源，如果不用~的话
很多情况下要../../../

[sensui7]

@yantianqi 我不知道你的意思， 完全可以自己定义一个目录在 resolve 里，

[meszyouh]

直接这样
// root = path.resolve(".");
{
“@”：path.join(root, "src")
}

[yantianqi]

@sensui7 @meszyouh 我指的是在 vue 文件中，style 里面导入 css
```css
<style>
@import '~static/style.css'
</style>
```
或者在 vue 的页面中引入图片
```html
<img src="~static/img/xxx.png">
```

[kuoruan]

我和你一样做了 alias，但是我 alias 的是 @assets
```
@import "~@assets/css/style.css"
```
这是可以正常获取到的

[misaka20]

一般放在 static 文件中的 CSS，直接在 index.html 引入