【Vue】.vue文件中 使用@import 来导入样式的路径问题

• Z时代
• 2024-01-10
• 分类：技术分享

    <style  lang="stylus">
//使用 ../来匹配路径可以正确导入
@import '../assets/css/main.styl'; //正确
//使用 alias 中 配的 @ 就不能用了
@import '@/assets/css/main.styl';  //错误
</style>

各位大佬是怎么解决这个 @import 导入css文件的路径问题的

总不能一直 ../ 吧、

webpack 配置的 alias 好像不能作用在css里面里面

大佬们有什么解决办法吗？？

回答

eg:
@import '[email protected]/assets/scss/helpers/_mixin';

使用 ~

原理：
CSS loader 会把把非根路径的url解释为相对路径， 加~前缀才会解释成模块路径。

相对路径的话 ../ 没啥好的办法

然后直接在组件内，

建议用 [email protected] 来试试

以上是 【Vue】.vue文件中 使用@import 来导入样式的路径问题 的全部内容， 来源链接： utcz.com/a/72811.html