Vue中import '@... @ 等价于 /src 这个目录

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

 

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

      这个是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 这个目录

 

REF

ES6模块之export和import详解

Vue的导入（import）和导出（export、export default）

Vue中import '@... @ 等价于 /src 这个目录

http://t.zoukankan.com/Jeely-p-11232308.html