vue-cli的alias

剪影成霜

于 2020-02-06 13:07:00 发布

阅读量244

点赞数

CC 4.0 BY-SA版权

分类专栏：日常

本文链接：https://blog.csdn.net/weixin_43803924/article/details/104194909

日常专栏收录该内容

18 篇文章

订阅专栏

探讨了在Vue项目中使用webpack配置别名时遇到的问题，即直接使用别名导入组件无法正常工作，但相对路径则可以。文章讨论了可能的原因及解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

configureWebpack:{
        resolve:{
            alias:{
                "@":"src",
                "assets":"@/assets",
                "components":"@/components",
                "network":"@/network",
                "common":"@/common",
                "views":"@/views"
            }
        }
    }

这是vue.config.js的配置
在app.vue里面用@import "assets/css/base.css"路径没有问题，但是引入模板import tabbar from "components/common/tabbar"就不行，必须写成import tabbar from "./components/common/tabbar"。不知道为什么？是vue-cli的版本问题嘛？

关闭编辑器重新打开就好了