关于css设置相对路径

Question

老师，对不起。算是有点超出课程范围的一个问题。如果不方便回答也没事，我现在做着一个项目。由于components会被分到很多，并且每个component有着他们各自的css。但是由于css不能写在vue里边，而必须另外写出来。为了方便维护和理解，我这边被要求需要将让每一页vue在import css的时候都类似可以通过相对路径得取。
就是不允许类似这样得取。

而是这样得取

我现在是使用着vue-cli3。怎样改写webpack都没法实现，想问问老师有没有想法要怎样解决这个问题

Answer 1

Jokcy 2020-05-06 21:27:43

没太看懂，@import是css的语法吧，你不是应该在js中引用css文件么

• 提问者 weixin_慕工程538969 #1

  对，我是在xxx.vue中 通过<style>@import css</style>的

• 提问者 weixin_慕工程538969 #2

  但是因为写的项目需要拆分多个components.所以正常需要通过../回去指定css文件。但我有看到照片可以通过@/assets/img/...这样去要求，就想着能不能类似通过@/css/...这样去要求

• Jokcy 回复 提问者 weixin_慕工程538969 #3

  @是一个webpack的alias，你需要了解@代表了一个什么路径，才能使用

点开查看后面1条评论