vue文件路径中@的含义

该文章由 leevare 发布于 ，归类于 Javascript。

这个东西是在webpack中定义的，位于build文件下的webpack.base.conf.js

简要说明如下

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目录，所以，引入src目录中的组件，可以这样写，例如引入Todo组件

import Todo from '@/components/Todo'

有了这个，就不用再写相对路径，以免出错。

如果觉得我的文章对您有用，请您随意打赏。您的支持将鼓励我更加努力创作！

如无特殊声明，文章均为原创，若有不正之处，万望告知。转载请附上原文地址，十分感谢！

本文地址：https://www.leevii.com/?p=678

相关文章: