vuejs webpack模板里import路径中@符号是什么意思以及不能自动刷新解决方法

问：

用vuejs的webpack模板生成的项目中，router/index.js里面有一句：

import Hello from '@/components/Hello'

这里路径前面的“@”符号表示什么意思？

回答

没事儿就去看看vue模板的代码，里面都有，这是webpack的路径别名，相关定义在这里：

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'
    }
}感谢回答：https://segmentfault.com/q/1010000008881292/a-1020000008883630
另外我补充一下，另外具体的路径在下图

不能自动刷新解决方法

webpack.config 里面 hot改为false