Vue中import '@...'是什么

最新推荐文章于 2024-03-29 17:11:46 发布

weixin_30387339

最新推荐文章于 2024-03-29 17:11:46 发布

阅读量536

点赞数

CC 4.0 BY-SA版权

文章标签： javascript webpack ViewUI

原文链接：http://www.cnblogs.com/bwdblogs/p/11131408.html

本文解释了Vue项目中使用@符号作为路径前缀的作用，它通过Webpack的alias配置简化了文件导入路径，使开发者能更简洁地引用src目录下的资源。

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

Vue中import '@...'是什么

今天看新项目代码，有import '@/assets/css/theme/index.css'一类的代码，里面的@是做什么的呢。

　找到这篇文章https://www.cnblogs.com/boshow/p/8758927.html，这个是webpack使用loader里配置的

resolve: {
    // 自动补全的扩展名
    extensions: ['.js', '.vue', '.json'],
    // 默认路径代理
    // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找
    alias: {
        '@': resolve('src'),
        '@config': resolve('config'),
        'vue$': 'vue/dist/vue.common.js'
    }
}

　　@ 等价于 /src 这个目录，避免写麻烦又易错的相对路径

转载于:https://www.cnblogs.com/bwdblogs/p/11131408.html