vuejs webpack模板里import路径中@符号是什么意思以及不能自动刷新解决方法
问:用vuejs的webpack模板生成的项目中,router/index.js里面有一句:import Hello from '@/components/Hello'这里路径前面的“@”符号表示什么意思?回答没事儿就去看看vue模板的代码,里面都有,这是webpack的路径别名,相关定义在这里:resolve: {// 自动补全的扩展名extensions: ['.js', ...
·
问:
用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
更多推荐
已为社区贡献74条内容
所有评论(0)