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

weixin_30940783

于 2018-07-29 17:50:00 发布

阅读量718

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript webpack ViewUI

原文链接：http://www.cnblogs.com/zhansu/p/9386102.html

本文介绍了Webpack配置中的路径别名(alias)用法，通过设置可以简化项目中的文件导入路径，提高代码可读性和维护性。例如使用'@'符号代替'src'目录，使得在代码中引用资源更为简洁。

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

今天看新项目代码，有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/zhansu/p/9386102.html