.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 '~@/assets/scss/helpers/_mixin';

使用 ~

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

回答：

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

回答：

然后直接在组件内，

回答：

建议用 ~@ 来试试

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